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

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

问题很简单:如何在"a"div中获得"c"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>