javascript - 修改/更新 HTML 中的元素样式

标签 javascript html css

如何在 JavaScript 中修改/更新具有唯一类名的元素?

以下代码无效:

document.getElementsByClassName("test").style.backgroundColor = "blue";

HTML 标记:

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

最佳答案

getElementsByClassName 返回一个类似数组的对象,因此您必须提取单个元素,或遍历整个对象!

var elements = document.getElementsByClassName("test");
for(var i = 0; i < elements.length; i++) {
  elements[i].style.backgroundColor = "blue";
}

关于javascript - 修改/更新 HTML 中的元素样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41349794/

相关文章:

javascript - 关闭 jquery 中的上一个下拉菜单不起作用

html - CSS "if wrap then fit-width children"

javascript - jquery 仅将鼠标悬停在一个 div 上,但为所有 div 定义

javascript -\B 在正则表达式中没有按预期工作

javascript - 需要 jquery 或 javascript 来限制 textarea 中的每行长度

php - html 文本区域显示默认或最近的输入

javascript - 创建 HTML 水平选项卡的优雅方法是什么?

javascript - 无法使用 jQuery 获得合适的框高度

javascript - Typeahead-addresspicker - JS 支持

javascript - RequireJS - 跨模块通信