Thuộc tính nodeName của HTML DOM Element

Định nghĩa và cách sử dụng

nodeName Trả về tên của nút:

  • Nếu đối tượng là đối tượng phần tử, thuộc tính nodeName trả vềtên thẻ(ký tự hoa).
  • Nếu đối tượng là đối tượng thuộc tính, thuộc tính nodeName trả vềTên của thuộc tính.
  • Nếu đối tượng là đối tượng văn bản, thuộc tính nodeName trả về #text.
  • Nếu đối tượng là đối tượng chú thích, thuộc tính nodeName trả về #comment.
  • Nếu đối tượng là đối tượng tài liệu, thuộc tính nodeName trả về #document.

Thuộc tính nodeName là chỉ đọc.

Xin xem thêm:

Thuộc tính nodeType

Thuộc tính nodeValue

Thuộc tính tagName

Thuộc tính childNodes

thực thể

ví dụ 1

trả về tên của đối tượng của đối tượng <p>:

document.getElementById("myP").nodeName;

thử trực tiếp

ví dụ 2

trả về tên của đối tượng của đối tượng <body>:

document.body.nodeName;

thử trực tiếp

ví dụ 3

Lấy tên của các đối tượng con của đối tượng <body>:

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

thử trực tiếp

ví dụ 4

Lấy tên, giá trị và loại của đối tượng con đầu tiên của "myDIV":

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Tên: " + x.nodeName + "<br>";
text += "Giá trị: " + x.nodeValue + "<br>";
text += "Loại: " + x.nodeType;

thử trực tiếp

cú pháp

element.nodeName

hoặc

node.nodeName

giá trị trả về

  • đối tượng phần tử trả vềtên thẻ(ký tự hoa)
  • đối tượng thuộc tính trả vềtên thuộc tính
  • đối tượng văn bản trả về #text
  • đối tượng chú thích trả về #comment
  • đối tượng tài liệu trả về #document

hỗ trợ trình duyệt

element.nodeName là tính năng của DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ nó hoàn toàn:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
hỗ trợ 9-11 hỗ trợ hỗ trợ hỗ trợ hỗ trợ