循环时更改数组中项目的样式是't工作
Changing the style of an item in an array when looping through isn't working
我正试图使用for循环更改列表的borderColor,所以我使用了以下代码:
var listedItems = document.getElementsByTagName("UL");
for (var i = 0; i < listedItems.length; i++){
listedItems[i].style.borderColor = "red";
}
有人能告诉我为什么这不起作用吗?
将listedItems[i]与if语句中的其他内容进行比较似乎有效,但更改数组当前指向的元素无效。我很困惑。
您的代码应该可以工作。
提供已设置的所有边框样式。如果你还没有设置borderWidth和borderStyle,你就看不到颜色:)
var listedItems = document.getElementsByTagName("UL");
for (var i = 0; i < listedItems.length; i++){
listedItems[i].style.borderStyle = "solid";
listedItems[i].style.borderWidth = "1px";
listedItems[i].style.borderColor = "red";
}
<ul>
<li>test</li>
<li>test</li>
</ul>
<ul>
<li>test2</li>
<li>test2</li>
</ul>
或
var listedItems = document.getElementsByTagName("UL");
for (var i = 0; i < listedItems.length; i++){
listedItems[i].style.border = "1px solid red";
}
相关文章:
- 滑动旋转木马无法使用默认样式正常工作
- ng样式在与的预标记中!重要的是不能工作
- ng 样式无法正常工作
- 动态行无需样式即可工作
- JavaScript@media打印样式表不工作
- Fuelux-日期选择器样式无法正常工作
- 浏览器在繁重的工作负载之前不应用样式
- 循环时更改数组中项目的样式是't工作
- 为什么 javascript 样式属性无法按预期工作
- 如果填充了三个输入并且两个特定的输入相等,则会更改按钮样式;除非不删除“不等于”输入的值,否则它可以工作
- Rails:样式表/ javascript在Dev中工作,而不是在Prod中
- :在样式表中使用和在react中导入时,pseudo类后不工作
- 基于XML属性更改样式的indesigncs6脚本不工作
- 当使用javascript更改样式背景时,原来的a:hover停止工作
- 我如何添加变换样式总是工作
- 聚合物1.4.0到1.7.0,全局:根样式不再工作
- JQuery计算器不工作,因为新的CSS样式
- 一些CSS样式不能在SVG上工作
- CSS样式的输入不工作
- 样式在
中不能正常工作