HTML DOM-dokument getElementsByTagName()
Voorbeeld
Kry alle elemente met die merkernaam "li":
const collection = document.getElementsByTagName("li");
Kry alle elemente in die dokument:
const collection = document.getElementsByTagName("*");
Verander die binneste HTML van die eerste <p> element in die dokument:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Meer voorbeelde hieronder.
Definisie en gebruik
Die getElementsByTagName()
metode gee 'n versameling van alle elemente met 'n gespesifiseerde merkernaam terug.
Die getElementsByTagName()
metode gee 'n HTMLCollection terug .
Die getElementsByTagName()
eiendom is leesalleen.
Let wel
getElementsByTagName("*")
gee alle elemente in die dokument terug.
HTML-versameling
'n HTMLCollection is 'n versameling HTML-nodusse.
Nodusse in 'n versameling kan verkry word deur indeksnommers. Die indeks begin by 0.
Die lengte Eiendom gee die aantal elemente in die versameling terug.
Sien ook:
Die dokument getElementById()-metode
Die Document getElementsByClassName()-metode
Die Document querySelector() Metode
Sintaksis
document.getElementsByTagName(tagname)
Grense
Parameter | Description |
tagname | Required. The tagname of the elements. |
Terugkeerwaarde
Tik | Beskrywing |
Voorwerp | 'n HTMLCollection- voorwerp. 'n Versameling elemente met 'n gespesifiseerde merkernaam. Die elemente word gesorteer soos dit in die dokument verskyn. |
Meer voorbeelde
Die aantal <li>-elemente in die dokument:
let numb = document.getElementsByTagName("li").length;
Verander die agtergrondkleur van alle <p>-elemente:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Verwante bladsye
JavaScript-verwysing: element .getElementsByTagName()
JavaScript Tutoriaal: JavaScript HTML DOM Node Lys
Blaaierondersteuning
document.getElementsByTagName()
is 'n DOM Vlak 1 (1998) kenmerk.
Dit word ten volle ondersteun in alle blaaiers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |