Question

我尝试使用普通 JavaScript来引用div中的对象：

<div id="main">
    <div id="search">
        <input type="text" id="query" />
        <button onclick="test()">OK</button>
    </div>
</div>
<script>
    function test() {
        try {
            var main = document.getElementById("main");
            var search = main.getElementById("search");
            alert(search);
        } catch (e) {
            alert(e);
        }
    }
</script>

但我一直收到这个错误：

TypeError：main.getElementById不是函数（...）

引用main有效，但不适用main内的内容。

我还设置了a Fiddle。

Answer 1

要查找其他使用内的元素querySelector

document.querySelector('#main #search')

由于ID是唯一的，您可以直接使用

document.getElementById('search')

Answer 2

错误的原因是getElemetnById()对象没有附加名为Element的方法。

由于元素的ID必须是唯一的，因此需要使用document.getElementById()。

但是如果你想确保所述元素是anotehr元素的后代，你可以使用document.querSelector('#main #search')

Answer 3

DOM元素没有getElementById方法。只有document对象才有此方法。 Id属性为元素指定唯一 ID。这意味着只有一个元素可以id="search"。所以你可以使用document.getElementById("search");

获取div内部对象的引用

3 个答案: