Bùi Tấn Lực - 123
- 14/09/2025
Bùi Tấn Lực 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, chi tiết như nào hãy cùng chúng tôi phân tích:
Phương thức createAttribute() trong JavaScript
Chức năng của Phương thức createAttribute() trong JavaScript
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.
Cú pháp của Phương thức createAttribute() trong JavaScript
const doituongattr = document.createAttribute("thuoctinh");
thuoctinh: Thuộc tính trong thẻ HTML.
doituongattr: Đối tượng attr chứa thuộc tính HTML và dùng để thêm giá trị vào.
Code Phương thức createAttribute() trong JavaScript
Phương thức createAttribute() href trong JavaScript
Tạo đối tượng attr đại diện cho thuộc tính href:
const attr = document.createAttribute("href");
<a id="aid">Liên kết</a>
<p>Click vào nút THÊM HREF để thêm thuộc tính href</p>
<button onclick="themHref()">THÊM HREF</button>
<script>
function themHref() {
// Tạo dối tượng attr đại diện cho thuộc tính href
const attr = document.createAttribute("href");
// Tạo giá trị cho thuộc tính href
attr.value = "https://webmoi.vn/phuong-thuc-createattribute-href-trong-javascript/";
// Gắn thuộc tính href vào phần tử id aid
document.getElementById("aid").setAttributeNode(attr);
}
</script>
Phương thức createAttribute() style trong JavaScript
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>
Phương thức createAttribute() class trong JavaScript
Tạo đối tượng attr đại diện cho thuộc tính class:
<!DOCTYPE html>
<html>
<head>
<title>Phương thức createAttribute() class trong JavaScript</title>
<style>
.divclass{color:red}
</style>
</head>
<body>
<div id="divid">Đổi màu sau khi click</div>
<p>Click vào nút THÊM CLASS để thêm thuộc tính class</p>
<button onclick="themClass()">THÊM CLASS</button>
<script>
function themClass() {
// Tạo dối tượng attr đại diện cho thuộc tính class
const attr = document.createAttribute("class");
// Tạo giá trị cho thuộc tính class
attr.value = "divclass";
// Gắn thuộc tính class vào phần tử id divid
document.getElementById("divid").setAttributeNode(attr);
}
</script>
</body>
</html>
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Phương thức createAttribute() trong JavaScript.
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
