Thuộc tính tên Nút DOM HTML được liên kết với thuộc tính name của phần tử
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính tên -
buttonObject.name = name
Ở đây, giá trị thuộc tính name được sử dụng để biểu thị tên của nút.
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính tên nút -
<!DOCTYPE html>
<html>
<body>
<button id="button1" name="btn1">BUTTON</button>
<p>Click the button below and change the above button name.</p>
<button onclick="change()">CHANGE</button>
<p id="Sample"></p>
<script>
function change() {
document.getElementById("button1").name="SECOND BUTTON";
var x=document.getElementById("button1").name;
document.getElementById("Sample").innerHTML="The new button name is "+x;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào THAY ĐỔI -
Trong ví dụ trên -
Đầu tiên, chúng tôi đã tạo một nút với id “button1” và tên “btn1”
<button id="Button1">BUTTON</button>
Sau đó, chúng tôi đã tạo nút CHANGE để thực hiện thay đổi phương thức () khi nhấp chuột.
<button onclick="change()">CHANGE</button>
Hàm change () nhận phần tử nút có id là “button1” và thay đổi giá trị thuộc tính tên của nó thành “NÚT THỨ HAI”. Giá trị tên của nút sau đó được gán cho biến x và cuối cùng được hiển thị trong đoạn văn có id “Sample”
function change() {
document.getElementById("button1").name="SECOND BUTTON";
var x=document.getElementById("button1").name;
document.getElementById("Sample").innerHTML="The new button name is "+x;
}