HTML DOM nodeName Property
ဥပမာ
<p> ဒြပ်စင်တစ်ခု၏ node အမည်ကို ရယူပါ-
var x = document.getElementById("myP").nodeName;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
nodeName ပိုင်ဆိုင်မှုသည် သတ်မှတ်ထားသော node ၏အမည်ကို ပြန်ပေးသည်။
node သည် element node ဖြစ်ပါက၊ nodeName ပိုင်ဆိုင်မှုသည် tag အမည်ကိုပြန်ပေးလိမ့်မည်။
node သည် attribute node ဖြစ်ပါက nodeName ပိုင်ဆိုင်မှုသည် attribute ၏အမည်ကိုပြန်ပေးလိမ့်မည်။
အခြား node အမျိုးအစားများအတွက်၊ nodeName ပိုင်ဆိုင်မှုသည် မတူညီသော node အမျိုးအစားများအတွက် မတူညီသောအမည်များကို ပြန်ပေးလိမ့်မည်။
အကြံပြုချက်- ဒြပ်စင်တစ်ခု၏ tag အမည်ကို ပြန်ပေးရန်အတွက် tagName ပိုင်ဆိုင်မှု ကိုလည်း သင်အသုံးပြုနိုင်ပါသည် ။ ခြားနားချက်မှာ tagName သည် tag အမည်များကိုသာ ပြန်ပေးကြောင်း၊ nodeName သည် node အားလုံး၏အမည် (tags၊ attributes၊ text၊ comments) ကို ပြန်ပေးပါသည်။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
nodeName | Yes | Yes | Yes | Yes | Yes |
အထားအသို
node.nodeName
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- |
node ၏အမည်ကိုကိုယ်စားပြုသောစာတန်း။
ဖြစ်နိုင်သောတန်ဖိုးများ-
|
---|---|
DOM ဗားရှင်း | Core Level 1 Node Object |
နောက်ထပ် ဥပမာများ
ဥပမာ
<body> ဒြပ်စင်၏ node အမည်ကို ရယူပါ-
var x = document.body.nodeName;
ဥပမာ
<body> ဒြပ်စင်၏ ကလေး node များ၏ node အမည်များကို ရယူပါ-
var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeName + "<br>";
}
document.getElementById("demo").innerHTML = txt;
ဥပမာ
node အမည်၊ node တန်ဖိုးနှင့် <div> ဒြပ်စင်၏ ပထမကလေး node ၏ node အမျိုးအစားကို ရယူပါ-
<div id="myDIV">This is a div element.</div>
<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်းချက်- ဒြပ်စင်။ tagName Property
HTML DOM ရည်ညွှန်းချက်- node nodeType ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- node nodeValue ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- node childNodes ပိုင်ဆိုင်မှု