Wie wirkt sich dies auf die Verwendung des Tag-Namens aus?

Question

Wie können Sie mit JavaScript alle Elemente mit demselben Tag-Namen beeinflussen? Ich habe versucht, getElementByTagName und querySelectorAll jedoch konnte ich nur eine nach der anderen Ziel. Gibt es eine Möglichkeit, sie alle gleichzeitig anzugreifen? Sie wissen ... neben der Verwendung ById oder ByClass.

Und als eine Nebenfrage, kann mir jemand einen Link auf die CSS-Element-Variablen mit JavaScript zu beeinflussen? Ich habe vergessen, den Tag und die Frage selbst, sondern es ist ein CSS-Code wie hatte so: -

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

Sorry, ich vergaß, den Titel dieser Frage.

Answer 1

Sie haben die richtige Idee!

Eine kleine Korrektur. Es sollte getElementsByTagName anstelle von getElementByTagName sein.

Speichern Sie das Ergebnis in einer Variablen und durchlaufen Sie es mit einer for-Schleife.

Hier ist ein einfaches Beispiel.

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>