使用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{
显示:无;
}

导航
要删除此元素吗