HTML DOM nodeType Property
ဥပမာ
ကိုယ်ထည်ဒြပ်စင်၏ node အမျိုးအစားကို ရယူပါ-
var x = document.getElementById("myP").nodeType;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
nodeType ပိုင်ဆိုင်မှုသည် သတ်မှတ်ထားသော node ၏နံပါတ်တစ်ခုအနေဖြင့် node အမျိုးအစားကို ပြန်ပေးသည်။
node သည် element node ဖြစ်ပါက၊ nodeType သည် 1 သို့ပြန်သွားလိမ့်မည်။
အကယ်၍ node သည် attribute node ဖြစ်ပါက၊ nodeType သည် 2 ကိုပြန်လာလိမ့်မည်။
node သည် text node ဖြစ်ပါက၊ nodeType သည် 3 ကိုပြန်လာလိမ့်မည်။
node သည် comment node ဖြစ်ပါက၊ nodeType သည် 8 သို့ပြန်သွားပါမည်။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
အထားအသို
node.nodeType
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | Node အမျိုးအစားကို ကိုယ်စားပြုသော နံပါတ်တစ်ခု |
---|---|
DOM ဗားရှင်း | Core Level 1 Node Object |
Node အမျိုးအစားများ
စာရွက်စာတမ်းများ၊ ဒြပ်စင်များ၊ အရည်အချင်းများနှင့် HTML သို့မဟုတ် XML စာရွက်စာတမ်းတစ်ခု၏ အခြားရှုထောင့်များတွင် မတူညီသော node အမျိုးအစားများရှိသည်။
ကွဲပြားသော node အမျိုးအစား ၁၂ မျိုးရှိပြီး၊ အမျိုးမျိုးသော node အမျိုးအစားများ၏ ကလေးများပါရှိသည်။
Node type | Description | Children | |
---|---|---|---|
1 | Element | Represents an element | Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
2 | Attr | Represents an attribute | Text, EntityReference |
3 | Text | Represents textual content in an element or attribute | None |
4 | CDATASection | Represents a CDATA section in a document (text that will NOT be parsed by a parser) | None |
5 | EntityReference | Represents an entity reference | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
6 | Entity | Represents an entity | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
7 | ProcessingInstruction | Represents a processing instruction | None |
8 | Comment | Represents a comment | None |
9 | Document | Represents the entire document (the root-node of the DOM tree) | Element, ProcessingInstruction, Comment, DocumentType |
10 | DocumentType | Provides an interface to the entities defined for the document | None |
11 | DocumentFragment | Represents a "lightweight" Document object, which can hold a portion of a document | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 | Notation | Represents a notation declared in the DTD | None |
Node အမျိုးအစားများ - တန်ဖိုးများကို ပြန်ပေးသည်။
nodeName ၏ပြန်တန်ဖိုးနှင့် nodeValue ဂုဏ်သတ္တိများ-
Node type | nodeName returns | nodeValue returns | |
---|---|---|---|
1 | Element | element name | null |
2 | Attr | attribute name | attribute value |
3 | Text | #text | content of node |
4 | CDATASection | #cdata-section | content of node |
5 | EntityReference | entity reference name | null |
6 | Entity | entity name | null |
7 | ProcessingInstruction | target | content of node |
8 | Comment | #comment | comment text |
9 | Document | #document | null |
10 | DocumentType | doctype name | null |
11 | DocumentFragment | #document fragment | null |
12 | Notation | notation name | null |
NodeTypes - အမည်ပေးထားသော ကိန်းသေများ
NodeType | Named Constant |
---|---|
1 | ELEMENT_NODE |
2 | ATTRIBUTE_NODE |
3 | TEXT_NODE |
4 | CDATA_SECTION_NODE |
5 | ENTITY_REFERENCE_NODE |
6 | ENTITY_NODE |
7 | PROCESSING_INSTRUCTION_NODE |
8 | COMMENT_NODE |
9 | DOCUMENT_NODE |
10 | DOCUMENT_TYPE_NODE |
11 | DOCUMENT_FRAGMENT_NODE |
12 | NOTATION_NODE |
နောက်ထပ် ဥပမာများ
ဥပမာ
<body> ဒြပ်စင်၏ node အမျိုးအစားကို ရယူပါ-
var x = document.body.nodeType;
ဥပမာ
<body> ဒြပ်စင်၏ ကလေး node အမျိုးအစားများကို ရယူပါ-
var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeType + "<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 ရည်ညွှန်းချက်- node nodeName Property
HTML DOM ရည်ညွှန်းချက်- node nodeValue ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- node childNodes ပိုင်ဆိုင်မှု