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

Question

使用 JavaScript，如何影响具有相同标签名称的所有元素？我已经尝试过 getElementByTagName 和 querySelectorAll 但是，我一次只能定位一个。有没有什么办法可以同时瞄准他们？你知道...除了使用 ById 或 ByClass 之外。

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

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

对不起，我忘了那个问题的标题。

Answer 1

你的想法很对!

一个小修正。它应该是 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>