<!DOCTYPE html>
<html>
<head>
<title>Phương thức createAttribute() href trong JavaScript</title>
</head>
<body>
<h1>Phương thức createAttribute() href 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 href:</p>
<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>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Phương thức createAttribute() href trong JavaScript</title>
</head>
<body>
<h1>Phương thức createAttribute() href 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 href:</p>
<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>
</body>
</html>