HTML DOM Document getElementById() နည်းလမ်း

အသုံးပြုနည်း နှင့် အကျိုးသက်

getElementById() နည်းလမ်း က အရေးယူ ပြီး id မှူ အရာ ကို ပြန်လည်ပေးပါ:

အရာ မရှိဘဲ ဖြစ်လာကြောင်း:getElementById() နည်းလမ်း ကို ပြန်လည်ပေးပါ: null。

getElementById() နည်းလမ်း တစ်ခု ဖြစ်ပါသည်။ အများဆုံး အကြောင်းရပ် ကို သတ်မှတ်ပြီး အခြား အရာကို ထုတ်ယူပြီး ပြင်ဆင် လိုက်သော အခါ အသုံးပြုပါ:

အကြောင်းပြချက်

အမှတ် id ကို အသုံးပြု သော် သို့မဟုတ်:

အရာတစ်ခု သို့မဟုတ် အချို့ခု အတူ id မှူ အရာရှိသော်: getElementById() ပထမအရာကို ပြန်လည်ပေးပါ:

တဖြစ်ပေါ်:

getElementsByTagName() နည်းလမ်း

getElementsByClassName() နည်းလမ်း

querySelector() နည်းလမ်း

querySelectorAll() နည်းလမ်း

အမှတ်

အမှတ် 1 အကြောင်း

အရေးယူ ပြီး id မှူ အရာကို ရယူပါ:

document.getElementById("demo");

亲自试一试

အမှတ် 2 အကြောင်း

အရာကို ရယူပြီး အရောင်ကို ပြောင်းလဲပါ:

const myElement = document.getElementById("demo");
myElement.style.color = "red";

亲自试一试

အမှတ် 3 အကြောင်း

သို့မဟုတ် သာ အရောင်ကို ပြောင်းလဲပါ:

document.getElementById("demo").style.color = "red";

亲自试一试

语法

document.getElementById(elementId)

参数

参数 描述
elementId 必需。元素的 id 值。

返回值

类型 描述
对象

拥有指定 id 的元素。

如果未找到，则返回 null。

技术细节

getElementById() 方法是一个重要的常用方法，因为它为获取表示指定的文档元素的 Element 对象提供了简便的方法。

该方法将检索 id 属性的值为 elementId 的 Element 节点，并将它返回。如果没有找到这样的元素 Element，它将返回 null。id 属性的值在文档中是唯一的，如果该方法找到多个拥有指定 elementId အစီအစဉ် အသုံးချခဲ့သော အချက်အလက် အသုံးချခဲ့သည်။ null。

မှတ်ချက်：ဘဏ္ဍာရေး အမည် Id အစိတ်အပိုင်း IDအသုံးပြုသင့်သည်။

HTML ဘရပ်စ် တွင်， HTMLDocument.getElementByName() ဘဏ္ဍာရေး အမှတ် တစ်ခု ကို သတ်မှတ် ထားသော အကြွေးဝင် တို့ကို အမှတ်အသား အပေါ် အခြေခံ၍ ရှာဖွေ သည်။ အခြား အမှတ်အသား အမည် မပေါ်လျှင် (အချက်အလက် တို့ ကို စားပွားချုပ် တစ်ခု ကြား အသုံးပြု ခြင်း သို့မဟုတ် အချက်အလက် တို့ ကို တွေ့ရတဲ့ ဘရပ်စ် အချက်အလက် အသုံးပြု ခြင်း) အချက်အလက် ကို ရှာဖွေ ရာတွင် ဘဏ္ဍာရေး ကို ပြန်တင် သည်。

ဘရပ်စ် အချက်အလက် တွင်， null。ဘရပ်စ် အက်လိုင်းပြိုင်ဖြူ တွင်，getElementById() ဘဏ္ဍာရေး ပထမအကြိမ် အရ အကြွေးဝင်တို့ ဘရပ်စ် အသုံးချခဲ့သည်။ သို့သော်，

ဘရပ်စ် ထောက်ပံ့

document.getElementById() ဖြစ်ပါတယ် ဘရပ်စ် 2 (2001) သဘောတူ

အားလုံး ဘရပ်စ် ထောက်ပံ့သည်：

ခရုတ် အိုး အီးတီ ဖော့စ် ဆာဖီ အိုပရာ
ခရုတ် အိုး အီးတီ ဖော့စ် ဆာဖီ အိုပရာ
ထောက်ပံ့ 9-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

ပတ်သက်သော စားပွား

CSS ပညာရှင်：CSS စကားလုံး

CSS စားပွားချုပ်：CSS #id ရှာဖွေသူ

HTML DOM စားပွားချုပ်：HTML DOM id စားပွား

HTML DOM စားပွားချုပ်：HTML DOM Style အရာဝတ္တု