HTML DOM getElementsByTagName() Metode
❮ Die elementvoorwerpVoorbeeld
Verander die HTML-inhoud van die eerste <li>-element (indeks 0) in 'n lys:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
Definisie en gebruik
Die getElementsByTagName() metode gee 'n versameling van 'n element se kinderelemente met die gespesifiseerde merkernaam terug as 'n NodeList-objek.
Die NodeList-objek verteenwoordig 'n versameling nodusse. Die nodusse kan verkry word deur indeksnommers. Die indeks begin by 0.
Wenk: Jy kan die lengte -eienskap van die NodeList-objek gebruik om die aantal kindernodusse met die gespesifiseerde merkernaam te bepaal, dan kan jy deur alle nodusse loop en die inligting wat jy wil onttrek.
Wenk: Die parameterwaarde "*" gee al die element se onderliggende elemente terug.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.
| Method | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Sintaksis
element.getElementsByTagName(tagname)
Parameterwaardes
| Parameter | Type | Description |
|---|---|---|
| tagname | String | Required. The tagname of the child elements you want to get |
Tegniese besonderhede
| DOM weergawe | Kernvlak 1 Elementvoorwerp |
|---|---|
| Terugkeerwaarde: | 'n NodeList-objek, wat 'n versameling van die element se kinderelemente met die gespesifiseerde merkernaam verteenwoordig. Die elemente in die teruggekeerde versameling word gesorteer soos dit in die bronkode verskyn. |
Meer voorbeelde
Voorbeeld
Vind uit hoeveel <p>-elemente daar binne 'n <div>-element is (gebruik die lengte-eienskap van die NodeList-objek):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
Voorbeeld
Verander die agtergrondkleur van die tweede <p>-element (indeks 1) binne 'n <div>-element:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
Voorbeeld
Verander die agtergrondkleur van alle <p>-elemente binne 'n <div>-element:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Voorbeeld
Verander die agtergrondkleur van die vierde element (indeks 3) binne 'n <div> element:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Voorbeeld
Gebruik die "*" parameter.
Verander die agtergrondkleur van alle elemente binne 'n <div> element:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Verwante bladsye
JavaScript-verwysing: document.getElementsByTagName()
JavaScript Tutoriaal: JavaScript HTML DOM Node Lys
❮ Die elementvoorwerp