If you have a specific node (of type #text) and want to change its value you can use the [nodeValue](https://developer.mozilla.org/En/DOM/Node.nodeValue) property:

    node.nodeValue=&quot;new value&quot;;

Note:

innerText (and &lt;del&gt;possibly&lt;/del&gt; textContent) will return/set both the current node and all descendent nodes text, and so may not be the behaviour you want/expect.

I believe innerHTML is used for this... Then again, that isn&#39;t W3C approved... but it works...

    node.innerHTML=&quot;new value&quot;;

How can I get a list of all svn:externals (recursively) in a directory? Is there any utility for this?

(I&#39;m using Windows (and tortoise))

I have a bunch of svn:externals linking to different shared parts of my project and I when I branch it&#39;s usually quite error prone to find all externals and changed them so that the link to paths within the new branch.



List all svn:externals recursively?

Can someone please show me a full python sample code that uses **pyserial**, i have the package and am wondering how to send the AT commands and read them back!

Full examples of using pySerial package

Is there any way to change the value of a DOM textNode in web browser?

I specifically want to see if I can **change** the existing node, rather than **creating** a new one.

To clarify, I need to do this with Javascript. All text in the browser is stored in #textNodes which are children of other HTML nodes, but cannot have child nodes of their own.

As answered below, content can be changed by setting the **nodeValue** property of these Objects.

Change textNode value

Is there any way to change the value of a DOM textNode in web browser?
I specifically want to see if I can change the existing node, rather than creating a new one.
To clarify, I need to do this with Javascript. All text in the browser is stored in #textNodes which are children of other HTML nodes, but cannot have child nodes of their own.
As answered below, content can be changed by setting the nodeValue property of these Objects.

I am working on screen scraping, and want to retrieve the source code a particular page. 

How can achieve this with javascript? Please help me.

Can Javascript read the source of any web page?

I am using Ajax and hash for navigation. 

Is there a way to check if the `window.location.hash` changed like this?

http://example.com/blah**#123** to http://example.com/blah**#456**

It works if I check it when the document loads.

But if I have #hash based navigation it doesn&#39;t work when I press the back button on the browser (so I jump from blah#456 to blah#123). 

It shows inside the address box, but I can&#39;t catch it with JavaScript.


How can I detect changes in location hash?

how would i get the File extension of the file in a variable?
like if I have a file as **1.txt** I need the **txt** part of it.

How to extract extension from filename string in Javascript?

I have a PHP script that&#39;s being called through jQuery AJAX. I want the PHP script to return the data in JSON format to the javascript. Here&#39;s the pseudo code in the PHP script:

    $json = &quot;{&quot;;
    foreach($result as $addr)
    {
    	foreach($addr as $line)
    	{
    		$json .= $line . &quot;\n&quot;;
    	}
    	$json .= &quot;\n\n&quot;;
    }
    $json .= &quot;}&quot;;

Basically, I need the results of the two for loops to be inserted in $json.

Returning JSON from PHP to JavaScript?

Is there a way of finding the absolute position of an element, i.e. relative to the start of the window, using jQuery?

How do I find the absolute position of an element using jQuery?

Consider the following HTML. If I have a JSON reference to the &amp;lt;button&amp;gt; element, how can I get a reference to the outer &amp;lt;tr&amp;gt; element in both cases

	&lt;table id=&quot;my-table&quot;&gt;
		&lt;tr&gt;
			&lt;td&gt;
				&lt;button&gt;Foo&lt;/button&gt;
			&lt;/td&gt;
			&lt;td&gt;
				&lt;div&gt;
					&lt;button&gt;Bar&lt;/button&gt;
				&lt;/div&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/table&gt;
	
	&lt;script type=&quot;text/js&quot;&gt;
		$(&#39;#table button&#39;).click(function(){
			//$(this).parent().parent() will work for the first row
			//$(this).parent().parent().parent() will work for the second row
			//is there a selector or some magic json one liner that will climb
			//the DOM tree until it hits a TR, or do I have to code this myself
			//each time?			
			//$(this).????
		});
	&lt;/script&gt;

I know I could special case each condition, but I&#39;m more interested &quot;however deep you happen to be, climb the tree until you find element X&quot;	style solution.  Something like this, but more jQuery like/less-verbose

	var climb = function(node, str_rule){
		if($(node).is(str_rule)){
			return node;
		}
		else if($(node).is(&#39;body&#39;)){
			return false;
		}
		else{
			return climb(node.parentNode, str_rule);
		}
	};	
	
I know about the parent(expr) method, but from what I&#39;ve seen is allows you filter parents one level up and NOT climb the tree until you find expr (I&#39;d love code example proving me wrong)

Is there a jQuery selector/method to find a specific parent element n levels up?

In JavaScript, how would you check if an element is actually visible?

I don&#39;t just mean checking the `visibility` and `display` attributes. I mean, checking that the element is not

- `visibility: hidden` or `display: none`
- underneath another element
- scrolled off the edge of the screen

For technical reasons I can&#39;t include any scripts. I can however use [Prototype][1] as it is on the page already.


  [1]: http://en.wikipedia.org/wiki/Prototype_JavaScript_Framework

How do I check if an element is really visible with JavaScript?

I thought this might be a fast way to remove the contents of a very large table (3000 rows):

    $jq(&quot;tbody&quot;, myTable).remove();

But it&#39;s taking around five seconds to complete in firefox. Am I doing something dumb (aside from trying to load 3000 rows in to a browser)? Is there faster way to do it?

jquery - fastest way to remove all rows from a very large table

I would like to create a DOM node, set the &#39;id&#39; attribute and then append it to &#39;body&#39;. The following seems not to work because jQuery doesn&#39;t see my template as an object:

    var template = &quot;&lt;li&gt;&lt;div class=&#39;bar&#39;&gt;bla&lt;/div&gt;&lt;/li&gt;&quot;;
    template.find(&#39;li&#39;).attr(&#39;id&#39;,&#39;1234&#39;);
    $(body).append(template);

How can I tell jQuery to treat this as an object so find() works on it?

How to create a DOM node as an object?

I&#39;ve recently run into a rather nasty bug, wherein the code was loading a `&lt;select&gt;` dynamically via JavaScript.  This dynamically loaded `&lt;select&gt;` had a pre-selected value.  In IE6, we already had code to fix the selected `&lt;option&gt;`, because sometimes the `&lt;select&gt;`&#39;s `selectedIndex` value would be out of sync with the selected `&lt;option&gt;`&#39;s `index` attribute, as below:

    field.selectedIndex = element.index;

However, this code wasn&#39;t working.  Even though the field&#39;s `selectedIndex` was being set correctly, the wrong index would end up being selected.  However, if I stuck an `alert()` statement in at the right time, the correct option would be selected.  Thinking this might be some sort of timing issue, I tried something random that I&#39;d seen in code before:

    var wrapFn = (function() {
        var myField = field;
        var myElement = element;
        
        return function() {
            myField.selectedIndex = myElement.index;
        }
    })();
    setTimeout(wrapFn, 0);

And this worked!

I&#39;ve got a solution for my problem, but I&#39;m uneasy that I don&#39;t know exactly why this fixes my problem.  Does anyone have an official explanation?  What browser issue am I avoiding by calling my function &quot;later&quot; using `setTimeout()`?

Why is setTimeout(fn, 0) sometimes useful?

In IE, I can just call `element.click()` from JavaScript - how do I accomplish the same task in Firefox?  Ideally I&#39;d like to have some JavaScript that would work equally well cross-browser, but if necessary I&#39;ll have different per-browser JavaScript for this.

How do I programmatically click on an element in JavaScript?

Suppose I have some jQuery code that attaches an event handler to all elements with class `.myclass`. 

**For example:**

    $(function(){
        $(&quot;.myclass&quot;).click( function() {
            // do something
        });
    });

And my HTML might be as follows:

    &lt;a class=&quot;myclass&quot; href=&quot;#&quot;&gt;test1&lt;/a&gt;
    &lt;a class=&quot;myclass&quot; href=&quot;#&quot;&gt;test2&lt;/a&gt;
    &lt;a class=&quot;myclass&quot; href=&quot;#&quot;&gt;test3&lt;/a&gt;

That works with no problem.
However, consider if the `.myclass` elements were written to the page at some future time.

**For example:**

    &lt;a id=&quot;anchor1&quot; href=&quot;#&quot;&gt;create link dynamically&lt;/a&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    $(function(){
        $(&quot;#anchor1&quot;).click( function() {
            $(&quot;#anchor1&quot;).append(&#39;&lt;a class=&quot;myclass&quot; href=&quot;#&quot;&gt;test4&lt;/a&gt;&#39;);
        });
    });
    &lt;/script&gt;

In this case, the `test4` link is created when a user clicks on `a#anchor1`.

The `test4` link does not have the `click()` handler associated with it, even though it has `class=&quot;myclass&quot;`.

Basically, I would like to write the `click()` handler once and have it apply to both content present at page load, and content brought in later via **AJAX / DHTML**. Any idea how I can fix this? 

How do I attach events to dynamic HTML elements with jQuery?

Is there any way to get the collection of all `textNode` objects within a document? 

`getElementsByTagName()` works great for Elements, but `textNode`s are not Elements.

**Update:** I realize this can be accomplished by walking the DOM - as many below suggest. I know how to write a DOM-walker function that looks at every node in the document. I was hoping there was some browser-native way to do it. After all it&#39;s a little strange that I can get all the `&lt;input&gt;`s with a single built-in call, but not all `textNode`s.

getElementsByTagName() equivalent for textNodes

Is there a way to capture when the contents of an iframe have fully loaded from the parent page?

Capture iframe load complete event

jQuery: how to change tag name?

For example:

    &lt;tr&gt;
        $1
    &lt;/tr&gt;

I need

    &lt;div&gt;
        $1
    &lt;/div&gt;

Yes, I can

 1. Create DOM element &amp;lt;div&gt;
 2. Copy tr content to div
 3. Remove tr from dom

But can I make it directly?

PS:

        $(tr).get(0).tagName = &quot;div&quot;; 

results in `DOMException`.


Content Type	Original Author	Original Content on Stackoverflow
Question	levik	View Question on Stackoverflow
Solution 1 - Javascript	Ash	View Answer on Stackoverflow
Solution 2 - Javascript	KdgDev	View Answer on Stackoverflow

Change textNode value

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Full examples of using pySerial package

List all svn:externals recursively?

Attributions