Metodo ng getElementsByTagName() ng HTML DOM Document

Definisyon at Paggamit

getElementsByTagName() Ang methodo ay ibinabalik ang koleksyon ng lahat ng elemento na may tinukoy na tag name.

getElementsByTagName() Ang methodo ay ibinabalik HTMLCollection.

getElementsByTagName() Ang attribute ay readonly.

Komento:getElementsByTagName("*") Ibinabalik ng methodo ang lahat ng elemento sa dokumento.

HTMLCollection

HTMLCollection Ito ay isang koleksyon ng HTML na katulad ng array (list).

Maaaring ma-access ang elemento sa koleksyon sa pamamagitan ng index (mula sa 0).

length Ang attribute ay ibig sabihin ng bilang ng elemento sa koleksyon.

Bilang karagdagan:

Metodo ng getElementById()

Metodo ng getElementsByClassName()

Metodo ng querySelector()

Metodo ng querySelectorAll()

Objeto ng HTMLCollection

Mga halimbawa

Halimbawa 1

Hanapin ang lahat ng elemento na may tag na "li":

const collection = document.getElementsByTagName("li");

Subukan ang iyong sarili

Halimbawa 2

Hanapin ang lahat ng elemento sa dokumento:

const collection = document.getElementsByTagName("*");

Subukan ang iyong sarili

Halimbawa 3

Gawainin ang panloob na HTML ng unang <p> na elemento sa dokumento:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

Subukan ang iyong sarili

Halimbawa 4

Dami ng <li> na elemento sa dokumento:

let numb = document.getElementsByTagName("li").length;

Subukan ang iyong sarili

Halimbawa 5

Gawainin ang kulay ng background ng lahat ng <p> na elemento:

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

Subukan ang iyong sarili

Mga sintaksis

document.getElementsByTagName(tagName)

Parametro

Parametro Paglalarawan
tagName Mandahil. Ang pangalang tag ng elemento.

Bilang na ibinabalik

Uri Paglalarawan
Bagay

HTMLCollection na bagay.

Isang koleksyon ng elemento na may katumbas na pangalan ng tag.

Ayon sa pagkakasunod-sunod ng elemento sa dokumento na naihahanda.

Detalye ng teknolohiya

Ang pamamaraan na ito ay magbibigay ng NodeList na bagay (na pwedeng magiging readonly na array), na naglalaman ng lahat ng Element na bagay na may katumbas na pangalan ng tag sa dokumento, na ang pagkakasunod-sunod ng nilalaman ay ang pagkakasunod-sunod sa orihinal na dokumento.

Ang NodeList na bagay ay 'buhay', kaya kung magdagdag o mag-alis ng elemento na may katumbas na pangalan ng tag sa dokumento, ang nilalaman ay magiging awtomatikong pagsasagawa ng mga kinakailangang pag-aayos.

Ang dokumento ng HTML ay hindi naiiba sa pagkakabadyet ng pangalan, kaya puwedeng gamitin anumang anyo ng pagkakabadyet na pinaghahalagahan. tagNameIto ay tumutugma sa lahat ng mga tag na may katumbas na pangalan sa dokumento, kahit anong anyo ng pagkakabadyet na ginamit ng mga tag sa orihinal na dokumento. Pero ang mga dokumento ng XML ay naiiba sa pagkakabadyet ng pangalan.tagName Tanging tumutugma sa mga tag na may katumbas na pangalan at kasalukuyang anyo sa orihinal na dokumento.

Mga payo:Ang Element na interface ay nagtatalaga ng isang pangalang kaparaanan, na kung saan ay naghahanap lamang sa susunod na talahanapan ng dokumento. Gayundin, ang HTMLDocument na interface ay nagtatalaga ng: Mga pamamaraan sa getElementByName()Ito ay naka base sa halaga ng name na katangian (hindi ang pangalang tag), na naghahanap ng mga elemento.

Suporta ng browser

document.getElementsByTagName() Ito ay DOM Level 1 (1998) na katangian.

Ang lahat ng mga browser ay sumusuporta sa ito:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporta 9-11 Suporta Suporta Suporta Suporta

Mga kaugnay na pahina

Pamamahala ng JavaScript:element.getElementsByTagName()

Tuturo sa JavaScript:JavaScript HTML DOM Listahan ng Nodong