AJAX

Get all children and their childeren - not innerHTML

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Nov 2008

Posts: 2

Reputation: ehsun7b is an unknown quantity at this point

Solved Threads: 0

ehsun7b

Offline

Newbie Poster

Get all children and their childeren - not innerHTML

Nov 5th, 2008

I need to get all children of a DIV and their children too. I mean I need to get the HTML text of a DIV but I don't like to use innerHTML since it does not support the values of inputs in many browsers. How can I do that?

•

Join Date: Jan 2007

Posts: 24

Reputation: sasankasekhar is an unknown quantity at this point

Solved Threads: 3

sasankasekhar sasankasekhar is offline

Offline

Newbie Poster

Re: Get all children and their childeren - not innerHTML

Nov 11th, 2008

•

Originally Posted by ehsun7b

I need to get all children of a DIV and their children too. I mean I need to get the HTML text of a DIV but I don't like to use innerHTML since it does not support the values of inputs in many browsers. How can I do that?

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<script language="JavaScript">
function test(){
var listOfChildNodes = document.getElementById('IDofTheDiv').childNodes;
var numberOfChildNodes = listOfChildNodes.length;
var str="";
for(i=0;i<numberOfChildNodes;i++){
   str += listOfChildNodes[i].tagName+"\n";// this is the way you access childNodes ... tagName is just for example purpose.
}
alert(str);
}
</script>
<div id= "IDofTheDiv">
<span></span>
<p></p>
<a></a>
</div>
<a href="javascript:test()">Click Here</a>
<script language="JavaScript">
function test(){
var listOfChildNodes = document.getElementById('IDofTheDiv').childNodes;
var numberOfChildNodes = listOfChildNodes.length;
var str="";
for(i=0;i<numberOfChildNodes;i++){
   str += listOfChildNodes[i].tagName+"\n";// this is the way you access childNodes ... tagName is just for example purpose.
}
alert(str);
}
</script>
<div id= "IDofTheDiv">
<span></span>
<p></p>
<a></a>
</div>
<a href="javascript<b></b>:test()">Click Here</a>

This is NOT what you exactly want .... but hope this would be of your help.

Regards ...

IF SOMEONE FEELS THAT THEY HAD NEVER MADE A MISTAKE IN THEIR LIFE, THEN IT MEANS THEY HAD NEVER TRIED A NEW THING IN THEIR LIFE

•

Join Date: Nov 2008

Posts: 2

Reputation: ehsun7b is an unknown quantity at this point

Solved Threads: 0

ehsun7b

Offline

Newbie Poster

Re: Get all children and their childeren - not innerHTML

Nov 11th, 2008

Thanks

And how should I do the reverse action? I mean if I have a string which contains HTML tags, how can I add it to a DIV content element by element and in the same precedence?

Quick Reply to Thread

Show Printable Version

Other Threads in the JavaScript / DHTML / AJAX Forum

Previous Thread: using javascript to alter css of iframe div
Next Thread: Javascript ad rotator

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes