使用JavaScript,如何影响具有相同标记名称的所有元素?
我尝试了getElementByTagName
和querySelectorAll
,但我只能一次定位一个。有没有办法一次性针对他们?您知道...除了使用ById
或ByClass
。
作为一个附带问题,任何人都可以向我展示如何使用JavaScript影响css元素变量的链接吗?我忘记了标签和问题本身,但它有一个像这样的CSS代码: -
#someID{
width: JavaScriptVar;
height: JavaScriptVar;
...
}
抱歉,我忘记了这个问题的标题。
答案 0 :(得分:3)
你有正确的想法!
一个小小的修正。它应该是getElementsByTagName
而不是getElementByTagName
。
将结果存储在变量中并使用for循环进行迭代。
这是一个简单的例子。
var fruits = document.getElementsByTagName("li");
for (var i = 0; i < fruits.length; i++) {
fruits[i].className = "gold";
}
.gold { background: gold }
<ul>
<li>Apples</li>
<li>Oranges</li>
<li>Mangos</li>
<li>Pineapples</li>
</ul>