javascript - 在 JavaScript 中更改 DIV 类样式

标签 javascript html css

<分区>

我可以这样做来改变 div ID 的样式...

document.getElementById('test').style.display = "none";

为什么我不能这样做来对类(class)做同样的事情?

document.getElementsByClassName('egg').style.display = "none";

如何更改类的样式?

谢谢

最佳答案

document.getElementsByClassName 返回具有指定类的元素列表。您可以将显示设置为无第一个元素:

document.getElementsByClassName('egg')[0].style.display = "none";

或者遍历列表并将每个设置为所需的效果:

var eggs = document.getElementsByClassName('egg');
for(var i = 0; i < eggs.length; i++) { 
  eggs[i].style.display='none'
}

关于javascript - 在 JavaScript 中更改 DIV 类样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16460315/

相关文章:

javascript - Instagram API 重定向 uri

javascript - Mathjax 不渲染内联标签

html - 为什么 `position:relative` 在 safari 和 opera 的开发工具中被计算为 `position: static`?

html - 当 flexbox 元素以列模式包装时,容器不会增加其宽度

javascript - 如何因 Qualtrics 不活动而自动前进

javascript - fancybox 中的 Highcharts 绘图

javascript - 英特尔 XDK 社交登录

css - 为什么 IE 7 中的 div 显示与其他浏览器不同?

HTML 元素在向其添加内容时向下转换

css - 如何从我的标签中删除悬停效果?