Question

I have two element like this:

<div id="first">
    <div id="test"></div>
</div>


<div id="second">
    <div id="test"></div>
</div>

then i want to getElementbyId(‘test’), However I need ‘test’ in first div.
meanwhile this is an example and my div doesn’t have pre-defined order.

Answer 1

user1689607’s comment re multiple ID’s withstanding, assuming your html shown above is verbatim (that is to say, you can identify the container divs with a class or id as you have)

This works fine, tested in chrome.

function mClick()
{
    var mfirst, msecond;

    mfirst = document.getElementById('first');
    msecond = document.getElementById('second');

    alert(mfirst.querySelector('#test').innerHTML);
    alert(msecond.querySelector('#test').innerHTML);
}



<div id="first">
    <div id="test">test1</div>
</div>

<div id="second">
    <div id="test">test2</div>
</div>

<input onclick='mClick();' value='click' type='button'/>