Thuộc tính name của Button trong HTML DOM liên quan đến thuộc tính name của phần tử <button>. Thuộc tính name dùng để thiết lập hoặc trả về giá trị thuộc tính name của nút. Thuộc tính name dùng trong form để chọn phần tử bằng JavaScript.
Cú pháp
Thiết lập thuộc tính name
buttonObject.name = name
Ở đây, giá trị name property dùng để chỉ định tên của nút.
Ví dụ
Dưới đây là ví dụ về thuộc tính name của button:
<!DOCTYPE html> <html> <body> <button id="button1" name="btn1">NÚT</button> <p>Click nút bên dưới và thay đổi tên nút trên.</p> <button onclick="change()">THAY ĐỔI</button> <p id="Sample"></p> <script> function change() { document.getElementById("button1").name = "NÚT THỨ HAI"; var x = document.getElementById("button1").name; document.getElementById("Sample").innerHTML = "Tên nút mới là " + x; } </script> </body> </html>
Kết quả
Ví dụ này sẽ cho kết quả sau:
Khi click THAY ĐỔI:
Giải thích ví dụ:
Tạo nút với id “button1” và name “btn1”:
<button id="button1">NÚT</button>
Nút THAY ĐỔI thực thi change() khi click:
<button onclick="change()">THAY ĐỔI</button>
change() lấy nút id “button1” đổi name attribute thành “NÚT THỨ HAI”. Giá trị name gán cho x và hiển thị trong đoạn văn id “Sample”:
function change() { document.getElementById("button1").name = "NÚT THỨ HAI"; var x = document.getElementById("button1").name; document.getElementById("Sample").innerHTML = "Tên nút mới là " + x; }