HTML DOM Element getElementsByTagName() metoden

DefinITION OG BRUG

getElementsByTagName() Metoden returnerer en samling af elementer med den specificerede tagnavn som NodeList-objekt.

Tip:Parameter værdi "*" Returnerer elementets alle underelementer.

Se også:

getElementsByClassName() metoden

querySelector() metoden

querySelectorAll() metoden

NodeList

NodeList Er en nodekollektion (liste) lignende en array.

Du kan få adgang til noder i listen via indeks (index). Indekset starter fra 0.

length-egenskabenReturnerer antallet af noder i listen.

Eksempel

Eksempel 1

Ændre HTML-indholdet for den første <li>-element i listen:

const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";

Prøv det selv

Eksempel 2

Antal <p>-elementer i "myDIV":

const element = document.getElementById("myDIV");
const nodes = element.getElementsByTagName("p");
let numb = nodes.length;

Prøv det selv

Eksempel 3

Ændre skriftstørrelsen på det andet <p>-element i "myDIV":

const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";

Prøv det selv

Eksempel 4

Ændre baggrundsfarven på alle <p>-elementer i "myDIV":

const div = document.getElementById("myDIV");
const nodes = x.getElementsByTagName("P");
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.backgroundColor = "red";
}

Prøv det selv

Eksempel 5

Ændre baggrundsfarven på den fjerde element (indeks 3) i "myDIV":

const div = document.getElementById("myDIV");
div.getElementsByTagName("*")[3].style.backgroundColor = "red";

Prøv det selv

Eksempel 6

Brug "*" parameter til at ændre baggrundsfarven for alle elementer i "myDIV":

const div = document.getElementById("myDIV");
const nodes = div.getElementsByTagName("*");
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.backgroundColor = "red";
}

Prøv det selv

Syntaks

element.getElementsByTagName(tagname)

Parameter

Parameter Beskrivelse
tagname Obligatorisk. Tagnavnet på underelementet.

Returværdi

Type Beskrivelse
NodeList

Underelementer af elementer med givet tagnavn.

Elementer sorteres efter deres optræden i kildekoden.

Tekniske detaljer

getElementsByTagName() Metoden vil traversere de specificerede efterkommere af et element og returnere en array (efterhånden som NodeList objekt) af Element-noder, der repræsenterer alle dokumentelementer med det specificerede tagnavn. Elementernes rækkefølge i arrayet er den samme som deres optræden i dokumentets kildekode.

Bemærk

Document interfacedefinerer også getElementsByTagName() metoden, som er lignende, men traverserer hele dokumentet, ikke kun efterkommere af et element.

Ikke blanding med denne metode HTMLDocument.getElementsByName() metoden Blandes ofte sammen, men den sidste er baseret på elementets name egenskab for at finde elementer, ikke baseret på deres tagnavn.

Browser understøttelse

Alle browsere understøtter element.getElementsByTagName():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support