<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính parentElement 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 parentElement tạo thuộc tính trong JavaScript</h1>
<p>Dùng để lấy thông tin về phần tử HTML cha của phần tử HTML 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 phần tử cha, ở ví dụ này mình tạo các thuộc tính và gắn giá trị cho phần tử cha:</p>
<div>
<p id="pid">Tạo thuộc tính cho phần tử cha</p>
</div>
<p>Click vào nút TẠO THUỘC TÍNH để tạo thuộc tính cho phần tử cha</p>
<button onclick="taoThuocTinh()">TẠO THUỘC TÍNH</button>
<script>
function taoThuocTinh() {
// Tạo thuộc tính cho thẻ cha với id có giá trị divid
document.getElementById("pid").parentElement.setAttribute("id", "divid");
// Tạo css cho thẻ cha
document.getElementById("pid").parentElement.style.background= "red";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính parentElement 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 parentElement tạo thuộc tính trong JavaScript</h1>
<p>Dùng để lấy thông tin về phần tử HTML cha của phần tử HTML 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 phần tử cha, ở ví dụ này mình tạo các thuộc tính và gắn giá trị cho phần tử cha:</p>
<div>
<p id="pid">Tạo thuộc tính cho phần tử cha</p>
</div>
<p>Click vào nút TẠO THUỘC TÍNH để tạo thuộc tính cho phần tử cha</p>
<button onclick="taoThuocTinh()">TẠO THUỘC TÍNH</button>
<script>
function taoThuocTinh() {
// Tạo thuộc tính cho thẻ cha với id có giá trị divid
document.getElementById("pid").parentElement.setAttribute("id", "divid");
// Tạo css cho thẻ cha
document.getElementById("pid").parentElement.style.background= "red";
}
</script>
</body>
</html>
