js中的removeChild怎么删除所有节点

JavaScript029

js中的removeChild怎么删除所有节点,第1张

JS删除当前节点内容代码如下：

function removeEle(removeObj) {

removeObj.parentNode.removeChild(removeObj)

// 删除元素

}

js通过class属性删除节点用法实现：

比如有test.html，div的结构如下：

<div class="columns" id="columns">

<div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div>

<div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div>

<div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div>

<div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div>

<div name="columnClear" class="contentClear" id="columnClear"></div>

</div>

可以通过class属性来删除指定的节点：

js常用方法：element.parentNode.removeChild(element)

或者直接定义删除的js方法：

function removeElementsByClass(className){

var elements = document.getElementsByClassName(className)

while(elements.length >0){

elements[0].parentNode.removeChild(elements[0])

}

}

这样只要传入class名，就可以删除这个class相关的子节点了。