HTML DOM Element nodeType ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

nodeType ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੰਬਰ ਰਾਹੀਂ ਨੋਡ ਤਰੀਕੇ ਨੂੰ ਵਾਪਸ ਦੇਵੇਗਾ

  • ਜੇਕਰ ਨੋਡ ਐਲੀਮੈਂਟ ਨੋਡ ਹੈ ਤਾਂ nodeType ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸ ਦੇਵੇਗਾ 1.
  • ਜੇਕਰ ਨੋਡ ਅਟਰੀਬਿਊਟ ਨੋਡ ਹੈ ਤਾਂ nodeType ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸ ਦੇਵੇਗਾ 2.
  • ਜੇਕਰ ਨੋਡ ਟੈਕਸਟ ਨੋਡ ਹੈ ਤਾਂ nodeType ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸ ਦੇਵੇਗਾ 3.
  • ਜੇਕਰ ਨੋਡ ਨੋਟ ਨੋਡ ਹੈ ਤਾਂ nodeType ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸ ਦੇਵੇਗਾ 8.

ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਿਰਫ ਲੜੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

nodeName ਪ੍ਰਤੀਯੋਗਿਤਾ

nodeValue ਪ੍ਰਤੀਯੋਗਿਤਾ

tagName ਪ੍ਰਤੀਯੋਗਿਤਾ

childNodes ਪ੍ਰਤੀਯੋਗਿਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਬੋਡੀ ਐਲੀਮੈਂਟ ਦੇ ਨੋਡ ਤਰੀਕੇ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ

var x = document.getElementById("myP").nodeType;

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਬੋਡੀ ਐਲੀਮੈਂਟ ਦੇ ਨੋਡ ਤਰੀਕੇ ਨੂੰ ਵਾਪਸ ਦੇਵੇ

document.body.nodeType;

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਸਾਰੇ ਐਲੀਮੈਂਟਾਂ ਦੇ ਨੋਡ ਤਰੀਕੇ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeType + "<br>";
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 4

ਸਾਰੇ ਵੱਡੇ ਸਬੰਧਤ ਨੋਡ ਦੇ ਨਾਮ, ਮੁੱਲ ਅਤੇ ਤਰੀਕੇ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਸ਼ਬਦਬੰਦੀ

node.nodeType

ਵਾਪਸ ਪ੍ਰਾਪਤ ਮੁੱਲ

ਇੰਤਜਾਮ ਵਰਣਨ
ਅੰਕ ਨੋਡ ਦਾ ਨੋਡ ਪ੍ਰਕਾਰ ਹੈ।ਹੇਠ ਦੇ ਤੇਲਿਕੇ ਵਿੱਚ ਦੇਖੋ।

ਨੋਡ ਪ੍ਰਕਾਰ

HTML ਜਾਂ XML ਦਸਤਾਵੇਜ਼ ਦੇ Document, element, attribute ਅਤੇ ਹੋਰ ਨੋਡ ਵੱਖ-ਵੱਖ ਨੋਡ ਪ੍ਰਕਾਰ ਰੱਖਦੇ ਹਨ。

12 ਵਿੱਚ ਅਲੱਗ-ਅਲੱਗ ਨੋਡ ਪ੍ਰਕਾਰ ਹਨ ਜਿਨ੍ਹਾਂ ਕੇ ਵੱਖ-ਵੱਖ ਨੋਡ ਪ੍ਰਕਾਰ ਦੇ child ਨੋਡ ਹੋ ਸਕਦੇ ਹਨ:

ਇੰਤਜਾਮ ਵਰਣਨ child ਨੋਡ
1 Element element ਦਰਸਾਉਂਦਾ ਹੈ
  • Element
  • Text
  • Comment
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr ਗੁਣ ਦਰਸਾਉਂਦਾ ਹੈ
  • Text
  • EntityReference
3 Text element ਜਾਂ ਗੁਣ ਵਿੱਚ ਟੈਕਸਟ ਸਮਾਂਤਰ ਦਰਸਾਉਂਦਾ ਹੈ ਨਹੀਂ。
4 CDATASection ਦਸਤਾਵੇਜ਼ ਵਿੱਚ CDATA ਭਾਗ ਦਰਸਾਉਂਦਾ ਹੈ
(ਪ੍ਰੋਸੈਸਰ ਦੁਆਰਾ ਨਹੀਂ ਪਰਿਭਾਸ਼ਿਤ ਟੈਕਸਟ)		 ਨਹੀਂ。
5 EntityReference ਇੰਟਿਟੀ ਰੈਫਰੈਂਸ ਦਰਸਾਉਂਦਾ ਹੈ
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
6 Entity ਇੰਟਿਟੀ ਦਰਸਾਉਂਦਾ ਹੈ
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction ਪ੍ਰੋਸੈਸਿੰਗ ਇੰਸਟਰੱਕਸ਼ਨ ਦਰਸਾਉਂਦਾ ਹੈ ਨਹੀਂ。
8 Comment ਟਿੱਪਣੀ ਦਰਸਾਉਂਦਾ ਹੈ ਨਹੀਂ。
9 Document ਪੂਰੇ ਦਸਤਾਵੇਜ਼ ਨੂੰ (DOM ਟ੍ਰੀ ਦੇ ਮੂਲ ਨੋਡ) ਦਰਸਾਉਂਦਾ ਹੈ
  • Element
  • ProcessingInstruction
  • Comment
  • DocumentType
10 DocumentType ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਦੇਸ਼ ਲਈ ਇੰਟਰਫੇਸ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਨਹੀਂ。
11 DocumentFragment ‘ਘੱਣੀ’ ਦੇ ਨਾਮ ਨਾਲ Document ਦਰਸਾਉਂਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਦਾ ਫਰੈਗਮੈਂਟ ਸੰਭਾਲਿਆ ਜਾ ਸਕਦਾ ਹੈ。
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
12 ਨੋਟੇਸ਼ਨ DTD ਵਿੱਚ ਘੋਸ਼ਿਤ ਪ੍ਰਤੀਕ ਦਰਸਾਉਂਦਾ ਹੈ ਨਹੀਂ。

ਨੋਡ ਪ੍ਰਕਾਰ - ਵਾਪਸ ਪ੍ਰਾਪਤ ਮੁੱਲ

ਹਰੇਕ ਨੋਡ ਪ੍ਰਕਾਰ ਦੇ nodeName ਅਤੇ nodeValue ਗੁਣਾਂ ਦੇ ਵਾਪਸ ਪ੍ਰਾਪਤ ਮੁੱਲ

ਇੰਤਜਾਮ nodeName nodeValue
1 Element element ਨਾਮ null
2 Attr ਗੁਣ ਨਾਮ ਗੁਣ ਮੁੱਲ
3 Text #text ਨੋਡ ਦਾ ਸਮਾਂਤਰ
4 CDATASection #cdata-section ਨੋਡ ਦਾ ਸਮਾਂਤਰ
5 EntityReference entity ਰੈਫਰੈਂਸ ਦਾ ਨਾਮ null
6 Entity entity ਨਾਮ null
7 ProcessingInstruction target ਨੋਡ ਦਾ ਸਮਾਂਤਰ
8 Comment #comment ਟਿੱਪਣੀ ਟੈਕਸਟ
9 Document #document null
10 DocumentType doctype ਨਾਮ null
11 DocumentFragment #document ਫਰੈਗਮੈਂਟ null
12 ਨੋਟੇਸ਼ਨ ਪ੍ਰਤੀਕ ਨਾਮ null

ਨੋਡ ਪ੍ਰਕਾਰ - ਨਾਮਕ ਸਥਾਰਾ

ਇੰਤਜਾਮ ਨਾਮਕ ਸਥਾਰਾ
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

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

element.nodeType ਇਹ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

Chrome IE Edge Firefox ਸਫਾਰੀ ਓਪੇਰਾ
Chrome IE Edge Firefox ਸਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ 9-11 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ