IE getelementbyid for object in the document

Question

Hi there
I do not whether I should ask be asking this question. I need to getElementbyid for an object which is already exisiting in the document
. In the example, I would like to get the element "test" which is sub of parentDiv1. Could anyone help? It is ok with ff but not with IE. Any tips?

Example:

<div id="parentDiv1">
    <ul id="test1">test</ul>
</div>
<div id="parentDiv2">
    <ul id="test2">test</ul>
</div>
<script>
    var prtDiv1 = document.getElementById("parentDiv1");
    var test1 = prtDiv1.getElementById("test1");
</script>

Answer 1

You shouldn't have more than one element with the same id in your document. Use a class. The easiest way for you to do what you want then would be to use jQuery and write $('#parentDiv1 ul.test') to select your element. Other than jQuery, you would need to implement getElementsByClassName in javascript in IE because afaik it still doesn't support it natively.

Edit: Make sure there aren't any "name" attributes that have the same value as the target id, and also that the js variable you're setting has a different name than the target id.