2017-02-27 75 views
0

使用JavaScript,如何影响具有相同标签名称的所有元素? 我试过getElementByTagNamequerySelectorAll但是,我一次只能瞄准他们一个。有什么方法可以一次完成?你知道......除了使用ByIdByClass如何影响所有使用标签名称

作为一个侧面的问题,任何人都可以告诉我一个链接到如何影响使用JavaScript的CSS元素变量?我忘了标签和问题本身,但它有一个像这样的CSS代码: -

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

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

+0

使用'getElementsByTagName'(注意,不是'getElementByTagName'),然后遍历返回的数组过,将一些功能内循环。 – CollinD

回答

2

你有正确的想法!

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

+0

非常感谢。说实话,我根本没有想到:/ – Arkonsol