js 如何删除某个div下的div元素
<div id="reducedLine">
<div class="reducedMiniBox even selectedType" name="mos">…</div>
<div class="reducedMiniBox odd " name="df">…</div>
<div class="reducedMiniBox even " name="mlr">…</div>
<div class="reducedMiniBox odd " name="packetLossRatio">…</div>
<div class="reducedMiniBox even " name="mr">…</div>
<div class="reducedMiniBox odd " name="mlt15">…</div>
<div class="reducedMiniBox even " name="mlt24">…</div>
</div>
在js里如何删除掉<div class="reducedMiniBox even " name="mlt24">…</div>这个div
是隐藏掉。
最好给需要删除的div元素定义一个ID，以方便对其进行操作；
注意JS中是没有remove();方法的，在jquery中就可以直接使用 $("#divID").remove();移除该元素；这样非常方便、简单。
js中的话要通过获取该元素的父级元素，再调用..removeChild(要删除的元素);
测试demo：
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2018-02-27
//js
var removeObj = document.getElementById('reducedLine').getElementsByName('mlt24')[0];
removeObj.parentNode.removeChild(removeObj);
//jquery
$('#reducedLine>div[name="mlt24"]').remove();本回答被提问者和网友采纳
var removeObj = document.getElementById('reducedLine').getElementsByName('mlt24')[0];
removeObj.parentNode.removeChild(removeObj);
//jquery
$('#reducedLine>div[name="mlt24"]').remove();本回答被提问者和网友采纳
相似回答
