Thuộc tính nodeName trong JavaScript

• Bùi Tấn Lực
• 25
• 17/09/2025

Thuộc tính nodeName trong JavaScript dùng để lấy tên của các phần tử HTML kể cả khoảng trắng và chú thích và các node (nút), chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính nodeName trong JavaScript

Chức năng của Thuộc tính nodeName trong JavaScript

Thuộc tính nodeName trong JavaScript dùng để lấy tên của các phần tử HTML kể cả khoảng trắng và chú thích và các node (nút).

Code Thuộc tính nodeName trong JavaScript

Thuộc tính nodeName phần tử trong JavaScript

Lấy tên các phần tử HTML:

<h3>Xét tên thẻ img</h3>
<img id="hinhid" src="https://webmoi.vn/thumb/54x55/2/media/images/logo-web-moi.png" width="54" height="55" alt="Web Mới" title="Công Ty Web Mới" data-id="35" style="clear: both; margin-bottom: 10px; display: block;">
<p >Tên thẻ: <span id="kquaimg"></span></p>

<h3>Xét tên thẻ input</h3>
<input type="text" id="inputid" placeholder="Thẻ Input" > 
<p >Tên thẻ: <span id="kquainput"></span></p>

<h3>Xét tên thẻ ul</h3>
<ul id="ulid" >
 <li>Trang chủ</li>
 <li>Giới thiệu</li>
</ul>
<p >Tên thẻ: <span id="kquaul"></span></p>

<h3>Xét tên thẻ select</h3>
<select id="selectid" >
 <option>Trang chủ</option>
 <option>Giới thiệu</option>
</select>
<p >Tên thẻ: <span id="kquaselect"></span></p>
<h3>Xét tên thẻ h1</h3>
<h1 id="h1id">Thẻ h1</h1>
<p >Tên thẻ: <span id="kquah1"></span></p>
<script>
// Xét tên thẻ img
let hinhid = document.getElementById("hinhid").nodeName;
document.getElementById("kquaimg").innerHTML  = hinhid;
// Xét tên thẻ input
let inputid = document.getElementById("inputid").nodeName;
document.getElementById("kquainput").innerHTML  = inputid;
// Xét tên thẻ ul
let ulid = document.getElementById("ulid").nodeName;
document.getElementById("kquaul").innerHTML  = ulid;
// Xét tên thẻ select
let selectid = document.getElementById("selectid").nodeName;
document.getElementById("kquaselect").innerHTML  = selectid;
// Xét tên thẻ h1
let h1id = document.getElementById("h1id").nodeName;
document.getElementById("kquah1").innerHTML  = h1id;
</script>

Chạy Thử

Thuộc tính nodeName node (nút) trong JavaScript

Lấy tên các node (nút) như nút phần tử, nút văn bản, nút chú thích: 

<script>
// Node (nút) phần tử div
const divElement = document.createElement('div');
document.write(divElement.nodeName+"<br>"); // Kết quả: "DIV"
// Node (nút) văn bản
const textNode = document.createTextNode("Xin chào");
document.write(textNode.nodeName+"<br>"); // Kết quả: "https://webmoi.vn/thuoc-tinh-nodename-trong-javascript/#text"
// Node (nút) chú thích
const commentNode = document.createComment("Đây là một bình luận");
document.write(commentNode.nodeName+"<br>"); // Kết quả: "https://webmoi.vn/thuoc-tinh-nodename-trong-javascript/#comment"
</script>

Kết quả:

DIV
#text
#comment

Chạy Thử

Thuộc tính nodeName phần tử trong body trong JavaScript

Lấy tên của các phần tử HTML kể cả khoảng trắng và chú thích:

<h1>Tiêu đề</h1>
<div>Nội dung tiêu đề</div>
<!--Chú thích tiêu đề-->
<p id="ketqua"></p>
<script>
const nodes = document.body.childNodes;
let text  = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeName + "<br>";
}
document.getElementById("ketqua").innerHTML = text;
</script>

Kết quả:

Tiêu đề
Nội dung tiêu đề
#text
H1
#text
DIV
#text
#comment
#text
P
#text
SCRIPT

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính nodeName trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính nodeName trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn