Question

我有这个HTML：

  <div id="a">
    <table>
    <tr>
      <td>
        <div id="c">Stuff</div>
      </td>
    </tr>
    </table>
  </div>

  <div id="b">
    <table>
    <tr>
      <td>
        <div id="c">Stuff</div>
      </td>
    </tr>
    </table>
  </div>

问题很简单：如何获得“a”div中的“c”div？我还会得到重复的id定义吗？如果必须更改html，请更改它...我只需要实际工作的代码。 :)谢谢

Answer 1

问题很简短：我怎样才能得到＆＃34; c＆＃34; div是在＆＃34; a＆＃34; DIV？

您的HTML无效。您的DOM中不能有2个具有相同ID的元素。修复标记并更改第二个div的ID后，您可以使用getElementById函数：

var cDiv = document.getElementById('c');

以下是您可以更改HTML以避免重复ID的方法：

<div id="a">
    <table>
    <tr>
        <td>
            <div id="c">Stuff</div>
        </td>
    </tr>
    </table>
</div>

<div id="b">
    <table>
    <tr>
        <td>
            <div id="bc">Stuff</div>
        </td>
    </tr>
    </table>
</div>

Answer 2

id应该跨越整个页面

Answer 3

即使它是无效的html，这通常也有效

var a = document.getElementById("a");
var ac = a.getElementById("c");

如何在DIV的迷宫中获得一个DIV

3 个答案: