Question

只是想知道如何检查元素（即按钮）的元素（即div容器），如果它们存在，删除它们？

如果我将孩子附加到div，我怎样才能在下一次检查中检查该孩子或那些类型的孩子？即加入;

example = document.getElementById('div');  
example.appendChild(aButton);

//loop to look for aButton / button type in example div

干杯

Answer 1

要从文档的子集中获取节点类型的元素，您只需执行

document.getElementById('div').getElementsByTagName("button")

这将返回id为“div”的元素下的任何按钮（不是id btw的好名字）

Answer 2

获取childNodes数组，循环查找符合条件的数组（带有类型按钮的输入标记，或者可能是按钮标记）

var children = example.childNodes;

for(var i = 0; i<children.length; i++){
    if( children[i].tagName == "INPUT" && children[i].type=='button' ) {
        example.removeChild( children[i] );
        i--; //Decrement counter since we are removing an item from the list
    }
}

示例：http://jsfiddle.net/BZMbk/3/

Answer 3

您可以使用children然后循环播放孩子。例如，如果您有一个具有以下设置的div：

<div id='div'>
    <input type='button'> 
    <p>here</p>
    <a href="#"></a>
</div>

然后你可以让孩子们像这样通过他们：

var example = document.getElementById("div");
var children = example.children;
alert(children.length);
for(var i = 0; i < children.length; i++)
{
    alert(children[i].tagName);
}

至于删除它们就像

一样简单

example.removeChild( children[i] );

检查子容器的父容器javascript

3 个答案: