Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Getting child nodes 1

Status
Not open for further replies.
timgerr

timgerr

IS-IT--Management
Jan 22, 2004
364
US
Hey all I have yet another question for ya'all:
Code: 
<div id="rOne">
			<div class="c1">Jojn</div>
			<div class="c2">Ra-Ray</div>
			<div class="c3">555-555-6598</div>
</div>
I want to get access to all the divs under the rOne div, can I do this. I was trying to do this with this command,
Code: 
 var p = document.getElementById('rOne').childNodes;
but I am getting errors that document.getElementById('rOne').childNodes has no properties. What am I doint wrong.

again,
Thanks for the help.
-T


-How important does a person have to be before they are considered assassinated instead of just murdered?
-Need more cow bell!!!

 
Sort by date Sort by votes
In terms of your code, you are doing nothing wrong.

My guess is that you are trying to get the childNodes before the object exists.

Quick example:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/frameset.dtd">[/URL]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function refreshParent() {
  var p = document.getElementById("rOne").childNodes;
  alert(p.length);
}   
</script>
</head>
<body>
<input type="button" onclick="refreshParent()" />
<div id="rOne">
            <div class="c1">Jojn</div>
            <div class="c2">Ra-Ray</div>
            <div class="c3">555-555-6598</div>
</div>

</body>
</html>

This works because the divs exist when we call the function

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/frameset.dtd">[/URL]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
  var p = document.getElementById("rOne").childNodes;
  alert(p.length);
</script>
</head>
<body>
<div id="rOne">
            <div class="c1">Jojn</div>
            <div class="c2">Ra-Ray</div>
            <div class="c3">555-555-6598</div>
</div>

</body>
</html>

This will not work because it tries to get the child nodes as the page is loading and before the divs exist.

[monkey][snake] <.
 
Upvote 0 Downvote
Man .. again I owe you one, let me know where to send the beer :)

-How important does a person have to be before they are considered assassinated instead of just murdered?
-Need more cow bell!!!

 
Upvote 0 Downvote
Sorry dude I thought that I did that already, u da man... or woman

-How important does a person have to be before they are considered assassinated instead of just murdered?
-Need more cow bell!!!

 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

damipera
  • Locked
  • Question
Parent Child Radio Buttons 1
Replies
8
Views
410
damipera
damipera
1DMF
  • Locked
  • Question
getting return values from load events or waiting till finished
Replies
10
Views
566
jpadie
jpadie
czarj
  • Locked
  • Question
getting top five from array
Replies
2
Views
96
czarj
czarj
peterpann
  • Locked
  • Question
detect child page in iframe
Replies
1
Views
117
jpadie
jpadie
peterpann
  • Locked
  • Question
Chrome DOM from child in iframe
Replies
4
Views
104
1DMF
1DMF

Part and Inventory Search

Sponsor

Back
Top