HTML DOM Element nodeName ominaisuus

Määrittely ja käyttö

nodeName 属性返回节ksen nimi：

  • Jos solmu on elementti-solmu, nodeName-ominaisuus palauttaatagin nimi（isokirjain）.
  • Jos solmu on ominaisuus-solmu, nodeName-ominaisuus palauttaaominaisuuden nimi.
  • Jos solmu on teksti-solmu, nodeName-ominaisuus palauttaa #text.
  • Jos solmu on kommentti-solmu, nodeName-ominaisuus palauttaa #comment.
  • Jos solmu on dokumentti-solmu, nodeName-ominaisuus palauttaa #document.

nodeName-ominaisuus on lukuinen.

Katso myös:

nodeType-ominaisuus

nodeValue-ominaisuus

tagName-ominaisuus

childNodes-ominaisuus

Esimerkki

Esimerkki 1

Palauttaa <p> -elementin solmun nimi:

document.getElementById("myP").nodeName;

Kokeile itse!

Esimerkki 2

Palauttaa <body> -elementin solmun nimi:

document.body.nodeName;

Kokeile itse!

Esimerkki 3

Hanki <body> -elementin lapsisolmut solmun nimi:

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

Kokeile itse!

Esimerkki 4

Hanki "myDIV" -solmun ensimmäisen lapsen solmun nimi, arvo ja tyyppi:

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

Kokeile itse!

syntaksi

element.nodeName

tai

node.nodeName

palautusarvo

  • elementti-solmu palauttaatagin nimi（isokirjain）
  • ominaisuuden solmu palauttaaominaisuuden nimi
  • teksti-solmu palauttaa #text
  • kommentti-solmu palauttaa #comment
  • dokumentin solmu palauttaa #document

selaimen tuki

element.nodeName 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