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代码中,并在加载页面时执行,或者在某个事件处理器中调用。