如何在Javascript中从另一个孩子中删除孩子?

时间:2016-04-03 01:33:56

标签: javascript html dom

我尝试访问div元素中的li,然后将其删除。但我需要通过另一个包含div的育儿li来访问它。我对此的尝试没有奏效。以下是我尝试过的内容:parentDiv.childNodes[0].removeChild(document.getElementsById('removeThisChild')

有谁知道我怎么能做到这一点?

谢谢:))

更新
这是HTML代码:



<head>
	<script type="text/javascript">
		window.onload = function() {
			var ul = document.getElementById('ul')
			ul.childNodes[0].removeChild(document.getElementById('div'))
		}
	</script>
</head>
<body>
<ul id="ul">
	<li id="li">this is the LI text <div id='div'>this is the div text</div></li>
</ul>

</body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我制作了一支代码笔 - http://codepen.io/dmoojunk/pen/dMVgzb

var child = document.querySelector('#li');
child.parentElement.querySelector('li > div').remove();