Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM nodeName Propery

<Element Przedmiot

Przykład

Uzyskać nazwę węźle <p> element:

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

Wynikiem X będzie:

P
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Właściwość nodeName zwraca nazwę określonego węzła.

Jeśli węzeł jest węzłem elementu, właściwość nodeName zwróci nazwę znacznika.

Jeśli węzeł jest węzłem atrybutu właściwość nodeName zwróci nazwę atrybutu.

W przypadku innych typów węzłów, właściwość nodeName powróci różne nazwy dla różnych typów węzłów.

Wskazówka: Można również użyć zmiennej typu właściwość, aby powrócić nazwę znacznika elementu. Różnica polega na tym, że tylko tagName powrócić nazw znaczników, podczas nodeName zwraca nazwy wszystkich węzłów (tags, attributes, text, comments) .

Ta właściwość jest tylko do odczytu.


Wsparcie przeglądarka

Nieruchomość
nodeName tak tak tak tak tak

Składnia

node .nodeName

Szczegóły techniczne

Zwracana wartość: Ciąg reprezentujący nazwę węzła.

Możliwe wartości:

  • Zwraca zmienną dla węzłów elementów, wielkimi literami
  • Zwraca nazwę atrybutu dla węzłów atrybutów
  • Zwroty "#text" dla węzłów tekstowych
  • Zwroty "#comment" dla węzłów komentarz
  • Zwroty "#document" dla węzłów dokumentu
DOM Version Rdzeń poziomu obiektu 1 Węzeł

Przykłady

Więcej przykładów

Przykład

Uzyskać nazwę węzła <body> element:

var x = document.body.nodeName;

Wynikiem X będzie:

BODY
Spróbuj sam "

Przykład

Get nazwy węzła <body> węzłów potomnych elementu za:

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;

Wynikiem txt będą:

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
Spróbuj sam "

Przykład

Uzyskaj nazwę węzła, wartość węzła i typ węzła <div> pierwszego węzła potomnego elementu:

<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>

Wynikiem txt będą:

The node name: #text
The node value: This is a div element.
The node type: 3
Spróbuj sam "

Podobne strony

HTML DOM: pierwiastek. tagName nieruchomości

HTML DOM: węzeł. nodeType nieruchomości

HTML DOM: węzeł. nodeValue nieruchomości

HTML DOM: węzeł. childNodes nieruchomości


<Element Przedmiot