Где найти стандарт работы getElementById?

Question

[Алксандр Коротаев]

В общем вопрос простой. Почему, при добавлении в документ 2х элементов с одним id, берется первый элемент, а не второй?


PS Понимаю что за это надо руки отрывать, но всё-же…

<font color="black"><font color="#0000ff">&lt;</font><font color="#800000">html</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;</font><font color="#800000">head</font><font color="#0000ff">&gt;</font><br/>
    <font color="#0000ff">&lt;</font><font color="#800000">title</font><font color="#0000ff">&gt;&lt;/</font><font color="#800000">title</font><font color="#0000ff">&gt;</font><br/>
    <font color="#0000ff">&lt;</font><font color="#800000">script</font> <font color="#ff0000">type</font><font color="#0000ff">=&quot;text/javascript&quot;</font><font color="#0000ff">&gt;</font><br/>
        <font color="#0000ff">function</font> ondivclick() {<br/>
            <font color="#0000ff">document</font>.getElementById(<font color="#A31515">&quot;place&quot;</font>).innerHTML += <font color="#A31515">&quot;1&quot;</font>;<br/>
            <font color="#0000ff">document</font>.getElementById(<font color="#A31515">&quot;place&quot;</font>).innerHTML += <font color="#A31515">&quot;2&quot;</font>;<br/>
            alert(<font color="#0000ff">document</font>.getElementById(<font color="#A31515">&quot;divid&quot;</font>).innerHTML); <font color="#008000">// тут на всех браузерах будет 1</font><br/>
        }<br/>
    <font color="#0000ff">&lt;/</font><font color="#800000">script</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;/</font><font color="#800000">head</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;</font><font color="#800000">body</font><font color="#0000ff">&gt;</font>        <br/>
    <font color="#0000ff">&lt;</font><font color="#800000">a</font> <font color="#ff0000">href</font><font color="#0000ff">=&quot;#&quot;</font> <font color="#ff0000">onclick</font><font color="#0000ff">=&quot;ondivclick()&quot;</font><font color="#0000ff">&gt;</font>Go!<font color="#0000ff">&lt;/</font><font color="#800000">a</font><font color="#0000ff">&gt;</font><br/>
    <font color="#0000ff">&lt;</font><font color="#800000">div</font> <font color="#ff0000">id</font><font color="#0000ff">=&quot;place&quot;</font><font color="#0000ff">&gt;&lt;/</font><font color="#800000">div</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;/</font><font color="#800000">body</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;/</font><font color="#800000">html</font><font color="#0000ff">&gt;</font></font><br/>
<br/>
<font color="gray">* This source code was highlighted with <a href="http://virtser.net/blog/post/source-code-highlighter.aspx"><font color="gray">Source Code Highlighter</font></a>.</font>

Comments

[Алксандр Коротаев]

Всё спасибо нашел: www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-getElBId и www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-getElBId
Как и предполагал, во всех браузерах свое согласованное друг с другом определение «Behavior is not defined», не согласованное с DOM Level 3… Кстати проверить DOM Level браузера можно тут: www.w3.org/2003/02/06-dom-support.html

Answer 1

[Олег Матрозов]

Логично предположить, что из-за того, что предполагается, что в документе все id уникальные, то при поиске по id найдя его поиск прекращается. Смысл перебирать элементы дальше, если по стандарту второго такого быть не может.