Thuộc tính nodeName phần tử trong JavaScript
Thuộc tính nodeName phần tử trong JavaScript
Thuộc tính nodeName phần tử trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính nodeName phần tử trong JavaScript</title>
<style>
p{margin-top:5px;margrin-bottom:5px}
</style>
</head>
<body>
<h1>Thuộc tính nodeName phần tử trong JavaScript</h1>
<p>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), ở ví dụ này mình lấy tên các phần tử HTML:</p>
<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>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>Thuộc tính nodeName phần tử trong JavaScript</title>
<style>
p{margin-top:5px;margrin-bottom:5px}
</style>
</head>
<body>
<h1>Thuộc tính nodeName phần tử trong JavaScript</h1>
<p>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), ở ví dụ này mình lấy tên các phần tử HTML:</p>
<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>
</body>
</html>Thuộc tính nodeName phần tử trong JavaScript nằm trong bài viết Thuộc tính nodeName trong JavaScript
