Bùi Tấn Lực - 27
- 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.
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:
<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
Bùi Tấn Lực
CEO Bùi Tấn Lực người sáng lập ra Web Mới, là một lập trình viên website, người viết content, chuyên tư vấn các vấn đề về website và SEO website
Chia sẻ nội dung đánh giá của bạn về Phương thức createAttribute() trong JavaScript
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 *
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 *
Bình luận, Hỏi đáp
Đăng ký tư vấn miễn phí
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn
