Question

鉴于以下HTML文件，

<html>
  <head>
     <script>
        function initialize() {
           document.getElementById('id2')
        }
      </script>
  </head>
  <body>
    <div id="id1">
       <div id="id2"></div>
     </div>
  </body>
</html>

我想使用

访问内部div标签

document.getElementById

函数在html标题中，虽然我读到相反的情况，但似乎不起作用（在Safari 6.0.5中），而它可以访问外部标记。

Answer 1

这里有fiddle表明它有效。创建元素后需要调用脚本。

<body>
    <div id="id1">
        <div id="id2"></div>
    </div>
    <script>alert(document.getElementById('id2'));</script>
</body>

或者：

<body>
    <script>
        function getElement (id) {
            return document.getElementById(id);
        };
    </script>
    <div id="id1">
        <div id="id2"></div>
    </div>
    <script>alert(getElement('id2'));</script>

</body>

使用document.getElementById获取嵌套div

1 个答案: