HTML DOM Document getElementsByTagName() စနစ်

ဒီနိုင်ငံတကာ အသုံးပြုခြင်း နှင့် အသုံးပြုခြင်း

getElementsByTagName() စနစ် ပြန်လည်ပေး အမည်ရှိ အခြေအနေများ၏ အဖွဲ့ကို。

getElementsByTagName() စနစ် ပြန်လည်ပေး HTMLCollection

getElementsByTagName() အခြေအနေများ သည် သာမန် သတင်းပြန်တင်ခြင်း ဖြစ်တယ်。

အမှတ်:getElementsByTagName("*") ဆောင်းပါးတွင် အားလုံး အခြေအနေများကို ပြန်လည်ပေးတယ်。

HTMLCollection

HTMLCollection အခြေအနေများ၏ အခြေအနေအဖွဲ့ (စာအုပ်) အဖြစ် ဖြစ်တယ်。

အခြေအနေများတွင် အရပ်အချိန်ဖြင့် အားကစားတယ် (0 မှ စတင်)。

length အခြေအနေများတွင် အရေအတွက် ကို ပြန်လည်ပေးတယ်。

ပြင်ပ ကြည့်ရှုရန်:

getElementById() စနစ်

getElementsByClassName() စနစ်

querySelector() စနစ်

querySelectorAll() စနစ်

HTMLCollection အဖွဲ့

အကြောင်းအရာ

အမှတ် 1

"li" အမည်ရှိ အခြေအနေများကို ရယူတယ်:

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

亲自试一试

အမှတ် 2

ဆောင်းပါးတွင် အားလုံး အခြေအနေများကို ရယူတယ်:

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

亲自试一试

အမှတ် 3

ဆောင်းပါးတွင် ပထမ <p> အခြေအနေ၏ အတွင်းပိုင်း HTML ကို ပြောင်းလဲတယ်:

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

亲自试一试

အမှတ် 4

ဆောင်းပါးတွင် <li> အခြေအနေများ၏ အရေအတွက်:

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

亲自试一试

အမှတ် 5

အထူးသဖြင့် <p> အခြေအနေများ၏ နောက်ခံ အရောင်လွှမ်းခြုံတယ်:

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

亲自试一试

语法

document.getElementsByTagName(tagName)

参数

参数 描述
tagName 必需。元素的标记名。

返回值

类型 描述
对象

HTMLCollection 对象。

拥有指定标签名称的元素的集合。

按照元素在文档中出现顺序进行排序。

技术细节

该方法将返回 NodeList 对象（可以作为只读数组处理），该对象存放文档中拥有指定标签名的所有 Element 节点，它们存放的顺序就是在源文档中出现的顺序。

NodeList အဖွဲ့အစည်း သည် 'လက်ခံ' ဖြစ်သည်၊ ဟူသည်မှာ ဘာသာရှင် အရေးအချင်း ကို ချွတ်သတ်ထားသည်၊ ထို့ကြောင့် အခြေခံ ဘာသာရှင် အရေးအချင်း ကို အတူ အတူ ချွတ်သတ်ထားသည်။

HTML ဘာသာရှင် အရေးအချင်း ကို ချွတ်သတ်ထားပါသည်၊ အနေဖြင့် အမည် အရေးအချင်း အမျိုးအစား အမျိုးအစား အတူ အတူ သတ်မှတ်နိုင်ပါ။ tagName၌ အတူ အတူ ပါဝင်သော အမည် နှင့် အမျိုးအစား ကို အတူ အတူ သတ်မှတ်ထားသည်၊ သို့သော် XML ဘာသာရှင် အရေးအချင်း ကို အတူ အတူ ချွတ်သတ်ထားသည်။tagName သာ တရားလို အမည် နှင့် အမျိုးအစား ကို အတူ တူညီသော ကို လုပ်ကြံ့ပြီး တူညီသည်။

အကြံပေးခြင်း：Element အဆိုပါ အကွက်အချုပ် သည် ပုံစံအတူ သတ်မှတ်ထားသော မူးယစ် သတ်မှတ်ထားသည်၊ ထို့ပြင် HTMLDocument အကွက်အချုပ် သည် getElementByName() မူးယစ်၌ ပြင်ဆင်ကုန်ထုတ်လုပ်သူ၏ name အချက်အလက် အား ခေါ်ဆိုပြီး ရှာဖွေကြသည်၊ အချက်အလက် အမှတ်အသား မှ လက်ခံလေ့ မပါ။

ဘရာဇီးနယ် ထောက်ပံ့

document.getElementsByTagName() ဖြစ်သည် အခြေခံ DOM Level 1 (1998) သဘောတရားအရေးအချင်း။

အားလုံး ဘရာဇီးနယ် သို့ ထောက်ပံ့ပါသည်：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ထောက်ပံ့ 9-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

ပတ်သက်သော စာမျက်နှာ

JavaScript ကိုးကွယ်မှု စာအုပ်：element.getElementsByTagName()

JavaScript စာပေ：JavaScript HTML DOM ဂိုဏ်း စာရင်း