JS div 选择


js 找到对应 class 的 div 并设置 display: none

可以使用JavaScript的document.querySelector方法来选择具有特定类的div,并使用style.display属性将其设置为none来隐藏它。以下是一个简单的例子:

// 假设我们要隐藏的div的class是"my-class"
var div = document.querySelector('div.my-class');
div.style.display = 'none';

如果想要隐藏多个具有相同类的div,可以使用document.querySelectorAll方法,并遍历返回的节点列表来设置每个元素的style.display属性:

// 获取所有具有"my-class"类的div
var divs = document.querySelectorAll('div.my-class');
 
// 遍历并隐藏所有找到的div
divs.forEach(function(div) {
  div.style.display = 'none';
});

这些代码片段可以直接放入您的JavaScript代码中,并在加载页面时执行,或者在某个事件处理器中调用。


Author: Yixiang Zhang
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint policy. If reproduced, please indicate source Yixiang Zhang !
评论
  TOC