使用JavaScript删除下一个div,而不使用jquery
任何人都可以帮我做一件事,我在一个页面上有一次使用JavaScript删除下一个div,而不使用jquery,javascript,html,css,Javascript,Html,Css,任何人都可以帮我做一件事,我在一个页面上有一次,下面有一个,没有任何类/id,我想隐藏/删除标签下的元素,我可以做$('.test')。下一步().remove()但严格来说jQuery是不允许的,请给我一些JavaScript或CSS的技巧,请注意,我没有权限编辑任何html代码,只有我可以添加js/CSS 代码如下所示:- <body class='home'> <nav class='test'></nav> <div>Wan
,下面有一个
,没有任何类/id,我想隐藏/删除
标签下的
元素,我可以做$('.test')。下一步().remove()代码>但严格来说jQuery是不允许的,请给我一些JavaScript或CSS的技巧,请注意,我没有权限编辑任何html代码,只有我可以添加js/CSS
代码如下所示:-
<body class='home'>
<nav class='test'></nav>
<div>Want to remove this elements</div>
</body>
要删除此元素吗
提前感谢。与css一起使用
var ele=document.querySelector('.test+*'))
ele.remove();
//或者对于较旧的浏览器
//ele.parentNode.removeChild(ele)
//或
//document.body.removeChild(ele)
要删除此元素吗
您可以使用nextElementSibling
:
let el=document.querySelector('nav').nextElementSibling;
文件.正文.删除文件(el)代码>
D
要删除此元素吗
您可以使用CSS隐藏它,方法是选择,并将其显示属性设置为none
:
.test+div{
显示:无;
}
导航
要删除此元素吗