XML DOM getElementsByTagName() na pamamaraan

Refaryo ng Document Objeto

Pamamaraan at Gamit

getElementsByTagName() na pamamaraan ay makakapagbibigay ng isang listahan ng node ng lahat ng elementong may tinukoy na pangalan.

Grammar:

getElementsByTagName(name)
Parametro Paliwanag
name string na halaga, nag-uusap sa pangalan ng tag na dapat hilingin. Ang halaga "*" ay sumasangay sa lahat ng tag.

Halimbawa ng Bunga

read-only array ng mga Element node na may tinukoy na tag sa dokumentong puno (technically, ito ay NodeList obheto)。Ang pagkakasunod-sunod ng mga elemento node na ibinibigay ay ang kanilang pagkakasunod-sunod sa orihinal na dokumento.

Paliwanag

Ang pamamaraan na ito ay magbibigay ng isang NodeList obheto(mga puwedeng ipagtratrabaho bilang array na read-only), ang obheto na ito ay naglalaman ng lahat ng Element node na may tinukoy na pangalan ng tag, at ang pagkakasunod-sunod nito ay ang pagkakasunod-sunod nila sa orihinal na dokumento.NodeList obhetoay 'buhay', ibig sabihin, kapag dinagdagan o inalis ang elemento na may tinukoy na pangalan ng tag sa dokumento, awtomatikong gagawin ang kinakailangang update sa nilalaman nito.

Obserbasyon, tinukoy ng Element interface ang isang katulad na pamamaraan, na tumatanggap lamang ng mga anak ng dokumento. Dagdag pa, tinukoy ng HTMLDocument interface: getElementsByName() na pamamaraanhilingin ang elemento base sa halaga ng attribute na name (hindi sa pangalan ng tag).

Halimbawa

Maaari gumuhit at sumahin ang lahat ng <h1> tag sa HTML dokumento gamit ang sumusunod na kodigo:

var headings = document.getElementsByTagName("h1");
for (var i = 0; i < headings.length; i++)  {
  var h = headings[i];
}

Ehemplo

Sa lahat ng halimbawa, gagamitin namin ang file na XML books.xml, at ang JavaScript function loadXMLDoc().

Ang sumusunod na klase ng kodigo ay maaring ipakita ang halaga ng lahat ng <title> na tugma sa "books.xml":

xmlDoc=loadXMLDoc("/example/xdom/books.xml");
var x=xmlDoc.getElementsByTagName('title');
for (i=0;i<x.length;i++)
  {
  document.write(x[i].childNodes[0].nodeValue)
  document.write("<br />")
  }

Output:

Harry Potter
Everyday Italian
XQuery Kick Start
Learning XML

Refaryo ng Document Objeto