如何影响所有使用标签名称

时间:2017-02-27 14:37:06

标签: javascript html css

使用JavaScript,如何影响具有相同标记名称的所有元素? 我尝试了getElementByTagNamequerySelectorAll,但我只能一次定位一个。有没有办法一次性针对他们?您知道...除了使用ByIdByClass

作为一个附带问题,任何人都可以向我展示如何使用JavaScript影响css元素变量的链接吗?我忘记了标签和问题本身,但它有一个像这样的CSS代码: -

#someID{
width: JavaScriptVar;
height: JavaScriptVar;
...
}

抱歉,我忘记了这个问题的标题。

1 个答案:

答案 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>