我有
javascript生成以下HTML
<div class='rightBox'> <div class'testBox'> </div> </div>
现在我有一个按钮,当按下时应该删除div whos类是testBox.现在即使在这种情况下,并不总是testBox是右框内的第一个孩子.
那么我如何找到并删除它?然后测试它是否作为一个孩子出现在右栏内?
解决方法
使用例如
querySelector()
来查找您的元素,然后使用
parentNode
和
removeChild()
的组合来删除它.
var el = document.querySelector( '.testBox' ); el.parentNode.removeChild( el );
编辑2018:
同时对remove()
的支持已经登陆(在所有浏览器中,但是IE),因此上面的代码可以简化为以下内容:
document.querySelector( '.testBox' ).remove();
请注意,您应该检查所选节点是否确实存在.其他两个片段都会引发错误.