[RESOLVED] dom question

**jessPHP** · 03-17-2012 01:55 PM

hi all!!! I have a question relative to DOM in this code:

Code:

<html>
    <head>
<script type="text/javascript">

function myFunction()
{
   
    alert("Length of the list="+document.getElementById("users_list").childNodes.length);
};

</script>
    </head>
<body>
    <dl id="users_list">
        
        <dt onclick="myFunction()">
            This is the first Item
        </dt>
    </dl>

</body>
</html>

The output of this code yields “Length of the list=3”, that is, the number of children of the element dl is three but he number of items in the list is only one!! Why??

Thank you very much!!

**mrhoo** · 03-17-2012 02:53 PM

there are 2 textnodes and one dt node, which contains one text node.

try it like this:

Code:

<body>
    <dl id="users_list"><dt onclick="myFunction()">
            This is the first Item
        </dt></dl>
</body>

The new lines between the tags in your code are childnodes, just as they would be if you had any character text there.

**jessPHP** · 03-17-2012 03:36 PM

Thank you very much mrhoo!!! now it works!!!

Thread: [RESOLVED] dom question

Thread Tools

Display

[RESOLVED] dom question

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions