javascript - 无法使用 DOM 获取子元素

Question

我的代码如下所示：

function myFunction(result) {
    var json = JSON.parse(result)
    var jsonKeys = Object.keys(json)
    var items = document.getElementById("items");
    var adds = items.getElementById("add");
    clearA()
    var i;
    for (i = 0; i < jsonKeys.length; i++) {
        var btn = document.createElement("BUTTON");
        console.log(jsonKeys[i]);
        btn.innerHTML = jsonKeys[i]
        btn.setAttribute("id", jsonKeys[i]);
        btn.onclick = function() { run(this.id); }
        items.appendChild(btn)
    }
     
    
}

我可以获取项目并使用它们，但是当我尝试获取子元素“添加”时，我得到了items.getElementById is not a function

这是html：

<div id="items">
    <div id="add">
        <input type="submit" value="add" onclick="foo(add)">
    </div>
</div>

标签： javascripthtmldom

Answer 1

将其更改为：

  var items = document.getElementById("items");
  var adds = document.getElementById("add");