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ử . Thuộc tính name được sử dụng để đặt hoặc trả về giá trị của thuộc tính name của nút. Thuộc tính name được sử dụng trong các biểu mẫu để chọn một phần tử bằng JavaScript. 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; }
