Thuộc tính parentNode lấy thông tin trong JavaScript

Thuộc tính parentNode lấy thông tin trong JavaScript

Thuộc tính parentNode lấy thông tin trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính parentNode lấy thông tin trong JavaScript</title>
</head>
<body>

<h1>Thuộc tính parentNode lấy thông tin trong JavaScript</h1>
<p>Dùng để lấy thông tin về node (nút) cha của phần tử HTML con hoặc node con, ngoài ra còn có thể thực hiện tạo thuộc tính và giá trị của thuộc tính lên node cha, nút con ngoài các phần tử HTML còn có khoảng trắng, chú thích, ở ví dụ này mình lấy thông tin tên node (nút), các thuộc tính của node (nút) cha:</p>

<div id="divid" style="width:100%;float:left;height:auto">
<p id="pid">Lấy thông tin node (nút) cha</p>
</div>
<p>Tên node (nút) cha: <span id="tennode"></span></p>
<p>Giá trị id node (nút) cha: <span id="idnode"></span></p>
<p>Giá trị style node (nút) cha: <span id="stylenode"></span></p>
<script>
// Lấy tên node (nút) cha
var ten = document.getElementById("pid").parentNode.nodeName;
document.getElementById("tennode").innerHTML = ten;
// Lấy giá trị id node (nút) cha
var giatriid = document.getElementById("pid").parentNode.getAttribute("id");
document.getElementById("idnode").innerHTML = giatriid;
// Lấy giá trị style node (nút) cha
var giatristyle = document.getElementById("pid").parentNode.getAttribute("style");
document.getElementById("stylenode").innerHTML = giatristyle;
</script>
</body>
</html>
Thuộc tính parentNode lấy thông tin trong JavaScript nằm trong bài viết Thuộc tính parentNode trong JavaScript