<!DOCTYPE html>
<html>
<head>
<title>Phương thức createAttribute() style trong JavaScript</title>
</head>
<body>
<h1>Phương thức createAttribute() style trong JavaScript</h1>
<p>Phương thức createAttribute() trong JavaScript dùng để tạo đối tượng attr đại diện cho một thuộc tính, đối tượng này cho phép gắn value cho thuộc tính, sau đó dùng phương thức setAttributeNode() để gắn thuộc tính và phần tử HTML, ở ví dụ này mình tạo đối tượng attr đại diện cho thuộc tính style:
<div id="divid">Đổi màu sau khi click</div>
<p>Click vào nút THÊM STYLE để thêm thuộc tính style</p>
<button onclick="themStyle()">THÊM STYLE</button>
<script>
function themStyle() {
// Tạo dối tượng attr đại diện cho thuộc tính style
const attr = document.createAttribute("style");
// Tạo giá trị cho thuộc tính style
attr.value = "color:red";
// Gắn thuộc tính style vào phần tử id divid
document.getElementById("divid").setAttributeNode(attr);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức createAttribute() style trong JavaScript</title>
</head>
<body>
<h1>Phương thức createAttribute() style trong JavaScript</h1>
<p>Phương thức createAttribute() trong JavaScript dùng để tạo đối tượng attr đại diện cho một thuộc tính, đối tượng này cho phép gắn value cho thuộc tính, sau đó dùng phương thức setAttributeNode() để gắn thuộc tính và phần tử HTML, ở ví dụ này mình tạo đối tượng attr đại diện cho thuộc tính style:
<div id="divid">Đổi màu sau khi click</div>
<p>Click vào nút THÊM STYLE để thêm thuộc tính style</p>
<button onclick="themStyle()">THÊM STYLE</button>
<script>
function themStyle() {
// Tạo dối tượng attr đại diện cho thuộc tính style
const attr = document.createAttribute("style");
// Tạo giá trị cho thuộc tính style
attr.value = "color:red";
// Gắn thuộc tính style vào phần tử id divid
document.getElementById("divid").setAttributeNode(attr);
}
</script>
</body>
</html>
