js 如何删除某个div下的div元素

Posted 2023-05-01

<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： 

参考技术A //js
var removeObj = document.getElementById('reducedLine').getElementsByName('mlt24')[0];
removeObj.parentNode.removeChild(removeObj);

//jquery
$('#reducedLine>div[name="mlt24"]').remove();

本回答被提问者和网友采纳

selenium+python操作js页面，删除某个元素

例子如下：删除元素D下面 readonly属性

d=driver.find_element_by_xpath("//*[@id=‘divform‘]/div[2]/ul[2]/li[3]/span[2]/input[1]")
driver.execute_script(‘arguments[0].removeAttribute(\"readonly\")‘, d);