Javascript 选择具有特定子元素（span）的所有div并设置其样式

我需要选择

“display:none”

并将其分配给所有

文章

，这些文章中包含

span

，其中包含class

.span target

。在这里，我将为您提供一个示例

我尝试使用

remove=document.querySelectorAll（“”）但我只能选择它们，不知道如何添加它们
display:none
或以某种方式删除它们

请注意jQuery不是一个选项

谢谢你

示例如下：

例1
九月二十六日
请离开

var ele=document.querySelectorAll（'article span.span target'）；
对于（var i=0；i，您可以迭代选定的元素并向其添加样式

Array.from(
  document.querySelectorAll('article')
).forEach(el => {
    let shouldHide = el.querySelectorAll('.span-target').length;
    if (shouldHide) {
        el.style.display = "none";
    }
});

您只需循环浏览元素列表并更新其css属性：-

获取元素：

var elements = document.getElementsByClassName("span-target");

循环

for (let ele of elements) {

  ele.style.display = "none";

更新他们的css属性

for (let ele of elements) {

  ele.style.display = "none";

以下是工作代码：
var elements=document.getElementsByClassName（“span目标”）；
for（让元素的元素组成）{
ele.style.display=“无”；
}

例1
九月二十六日
请离开
尝试下面的代码片段


var remove=document.querySelectorAll（'*[class^=“span-”]）；
对于（变量i=0；i

.hide{
显示：无；
}

例1
九月二十六日
请离开
此函数应满足您的要求。
如果要删除文章，可以执行
articles[i]。删除（）
而不是设置
display:none


函数hideUnwantedArticles（）{
var articles=document.getElementsByClassName（'class-1'）；
对于（var i=0；i0）文章[i].style='display:none；'；
}
}
hideUnwantedArticles（）；

例1
九月二十六日
请离开
例1
9月27日
使用css，
.span target{display:none；}
文章上循环的可能重复，再次调用单个文章元素上的
querySelectorAll
，以确定它是否有这样一个子元素（检查返回节点列表的长度），如果是这样的话，添加一个类或集合
display:none
…他明确表示jQuery不是一个选项。他想隐藏文章，而不仅仅是span。这段代码工作不正常