logo标签列表

使用JavaScript，在不使用jQuery的情况下删除下一个div

javascripthtmlcss
3
有人能帮我做一件事吗？我在一个页面中有一个带有 class='test' 的
3个回答
6
使用 querySelector 和 css 相邻兄弟选择器或下一个兄弟选择器。 

var ele = document.querySelector('.test + *')

ele.remove();

// or for older browser
// ele.parentNode.removeChild(ele)
// or
// document.body.removeChild(ele)
<body class='home'>
  <nav class='test'></nav>
  <div>Want to remove this elements</div>
</body>

4
你可以使用nextElementSibling属性： 

let el = document.querySelector('nav').nextElementSibling;
document.body.removeChild(el);
<body class='home'>
    <nav class='test'>d</nav>
    <div>Want to remove this elements</div>
</body>

1
你可以使用CSS通过选择相邻兄弟选择器（+）并将其显示属性设置为none来隐藏它： 

.test + div {
  display: none;
}
<body class='home'>
    <nav class='test'>Nav</nav>
    <div>Want to remove this elements</div>
</body>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接