使用纯javascript查找和删除特定元素

前端之家收集整理的这篇文章主要介绍了使用纯javascript查找和删除特定元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有 javascript生成以下HTML
<div class='rightBox'>
 <div class'testBox'>

 </div>


</div>

现在我有一个按钮,当按下时应该删除div whos类是testBox.现在即使在这种情况下,并不总是testBox是右框内的第一个孩子.

那么我如何找到并删除它?然后测试它是否作为一个孩子出现在右栏内?

解决方法

使用例如 querySelector()来查找您的元素,然后使用 parentNoderemoveChild()的组合来删除它.
var el = document.querySelector( '.testBox' );
el.parentNode.removeChild( el );

Example Fiddle

编辑2018:

同时对remove()支持已经登陆(在所有浏览器中,但是IE),因此上面的代码可以简化为以下内容

document.querySelector( '.testBox' ).remove();

请注意,您应该检查所选节点是否确实存在.其他两个片段都会引发错误.

猜你在找的JavaScript相关文章