Thuộc tính parentNode tạo thuộc tính trong JavaScript

Thuộc tính parentNode tạo thuộc tính trong JavaScript

Thuộc tính parentNode tạo thuộc tính trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính parentNode tạo thuộc tính trong JavaScript</title>
<style>
#divid{width:100%;height:auto;border:1px solid #000;color:#000;text-align:center}
</style>
</head>
<body>

<h1>Thuộc tính parentNode tạo thuộc tính 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 tạo các thuộc tính và gắn giá trị cho node (nút) cha:</p>

<div>
<p id="pid">Tạo thuộc tính cho node (nút) cha</p>
</div>
<p>Click vào nút TẠO THUỘC TÍNH để tạo thuộc tính cho node (nút) cha</p>
<button onclick="taoThuocTinh()">TẠO THUỘC TÍNH</button>
<script>
function taoThuocTinh() {
   // Tạo thuộc tính cho node (nút) cha với id có giá trị divid
   document.getElementById("pid").parentNode.setAttribute("id", "divid");
   // Tạo css cho node (nút) cha
   document.getElementById("pid").parentNode.style.background= "red";
}
</script>
</body>
</html>
Thuộc tính parentNode tạo thuộc tính trong JavaScript nằm trong bài viết Thuộc tính parentNode trong JavaScript