HTML DOM Element nodeType-ominaisuus

Määrittely ja käyttötapa

nodeType Ominaisuus palauttaa solutyypin numerona.

  • Jos solu on elementtisolu, nodeType-ominaisuus palauttaa 1.
  • Jos solu on ominaisuussolu, nodeType-ominaisuus palauttaa 2.
  • Jos solu on tekstisolu, nodeType-ominaisuus palauttaa 3.
  • Jos solu on kommenttisolu, nodeType-ominaisuus palauttaa 8.

Tämä ominaisuus on luettavissa vain.

Lisätietoja:

nodeName-ominaisuus

nodeValue-ominaisuus

tagName-ominaisuus

childNodes-ominaisuus

Esimerkki

Esimerkki 1

Hanki body-elementin solutyypin:

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

Kokeile itse

Esimerkki 2

Palauta <body> elementin solutyypin:

document.body.nodeType;

Kokeile itse

Esimerkki 3

Näytä kaikkien elementtien solutyypit:

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

Kokeile itse

Esimerkki 4

Hanki "myDIV" ensimmäisen lapsen solun solunimi, arvo ja tyyppi:

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

Kokeile itse

Syntaksi

solmu.nodeType

Palautusarvo

Tyyppi Kuvaus
Numerot Solmun solmun tyyppi. Katso alla oleva taulukko.

Solmun tyyppi

HTML- tai XML-dokumentin dokumentti, elementti, attribuutti ja muut solmut omistavat erilaisia solmun tyyppilajeja.

On 12 erilaista solmun tyyppiä, joilla voi olla erilaisia lapsisolmuja:

Tyyppi Kuvaus Lapsisolmut
1 Element Edustaa elementtiä
  • Element
  • Text
  • Comment
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr Edustaa attribuuttia
  • Text
  • EntityReference
3 Text Edustaa elementin tai attribuutin tekstisisältöä Ei mitään.
4 CDATASection Edustaa dokumentin CDATA-osaa
(Ei解析attava teksti)		 Ei mitään.
5 EntityReference Edustaa entiteettiviittausta
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
6 Entity Edustaa entiteettiä
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction Edustaa käsittelyohjetta Ei mitään.
8 Comment Edustaa kommenttia Ei mitään.
9 Document Edustaa koko dokumenttia (DOM-puun juurisolmu)
  • Element
  • ProcessingInstruction
  • Comment
  • DocumentType
10 DocumentType Tarjoaa liittymän dokumentissa määriteltyille entiteeteille Ei mitään.
11 DocumentFragment Edustaa "kevyttä" Document-objektia, joka voi tallentaa dokumentin osan.
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
12 Notation Edustaa DTD:ssä määriteltyä merkkiä Ei mitään.

Solmun tyyppi - palautusarvo

Jokaisella solmun tyyppilajilla on nodeName ja nodeValue -ominaisuudet, niiden palautusarvot:

Tyyppi nodeName nodeValue
1 Element Elementin nimi null
2 Attr Atribuutin nimi Atribuutin arvo
3 Text #text Solmun sisältö
4 CDATASection #cdata-section Solmun sisältö
5 EntityReference Entiteettiviittauksen nimi null
6 Entity Entiteetin nimi null
7 ProcessingInstruction target Solmun sisältö
8 Comment #comment Kommentti teksti
9 Document #document null
10 DocumentType doctype nimi null
11 DocumentFragment #document osa null
12 Notation Symbolin nimi null

Solmun tyyppi - nimetty muuttuja

Tyyppi Nimetty muuttuja
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

Selaimen tuki

element.nodeType Se on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki 9-11 Tuki Tuki Tuki Tuki