Javascript删除指定元素节点的⽅法
在javascript操作dom树的时候可能会经常遇到增加,删除节点的事情,⽐如⼀个输⼊框后⼀个增加按钮,⼀个删除按钮,点击增加就增加个输⼊框,点击删除就删除对应的输⼊框。在⼀些js框架,如Prototype中,可以⽤ve()来删除⼀个节点,核⼼JS中并没有这样的⽅法,IE中有这样⼀个⽅法:removeNode(),尝试运⾏下⾯的代码
<div><input onclick="removeNode(this)" type="text" value="点击移除该输⼊框" /></div>
可以发现,这个⽅法在IE下是好使的,但是在Firefox等标准浏览器中就会报错了 removeNode is not defined,但是在核⼼JS 中有⼀个操作DOM节点的⽅法叫:removeChild(),看名字应该就知道是移除⼦节点的,那么我们就可以变通⼀下来实现移除指定的节点了,我们可以先去到要删除节点的⽗节点,然后在⽗节点中运⽤removeChild来移除我们想移除的节点。我们可以定义⼀个⽅法,就叫removeElement吧。
function removeElement(_element){
var _parentElement = _element.parentNode;
if(_parentElement){
_veChild(_element);
}
js教程removechild
}
尝试运⾏下⾯的代码,可以在各种浏览器中正确执⾏了。
<script type="text/javascript">
function removeElement(_element){
var _parentElement = _element.parentNode;
if(_parentElement){
_veChild(_element);
}
}
</script>
<div><input onclick="removeElement(this)" type="text" value="点击移除该输⼊框" /></div>
以上就是本⽂的全部内容,了解更多JavaScript的语法,⼤家可以查看:《》、《》,也希望⼤家多多⽀持。