Question

js通过class属性 删除节点

为什么删除不全？只能删除3个
<a class="SYS_USER_EDIT1" href="javascript:void(0)" >修改</a>
<a class="SYS_USER_EDIT1" href="javascript:void(0)" >修改</a>
<a class="SYS_USER_EDIT1" href="javascript:void(0)" >修改</a>
<a class="SYS_USER_EDIT1" href="javascript:void(0)" >修改</a>
<a class="SYS_USER_EDIT1" href="javascript:void(0)" >修改</a>
<input type="button" value="点击" onclick="a();"/>
<script>
function a(){
var cNodes=document.getElementsByClassName('SYS_USER_EDIT1');
for(var i=0;i<cNodes.length;i++){
cNodes[i].parentNode.removeChild(cNodes[i]);
}
}
</script>

Answer 1

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相关的子节点了。

Answer 2

逻辑错了,你从下标0开始删除,事实上,当你删除完了第三个,你的cnodes长度就只有2了,但是你在这个时间删除cnodes[3],所以删除失败

Answer 3

每次循环，节点就改变了

cNodes[i].parentNode.removeChild(cNodes[0]);

试试