Đối tượng Button trong HTML DOM liên quan đến phần tử <button>.
Thuộc tính
Dưới đây là các thuộc tính cho đối tượng Button HTML DOM:
| Thuộc tính | Mô tả |
|---|---|
| autofocus | Thiết lập hoặc trả về xem nút có tự động focus khi tải trang hay không |
| disabled | Thiết lập hoặc trả về xem nút có bị vô hiệu hóa hay không |
| form | Trả về tham chiếu form chứa nút |
| formAction | Thiết lập hoặc trả về giá trị thuộc tính formAction của nút |
| formEnctype | Thiết lập hoặc trả về giá trị thuộc tính formEnctype của nút |
| formMethod | Thiết lập hoặc trả về giá trị thuộc tính formMethod của nút |
| formNoValidate | Thiết lập hoặc trả về xem dữ liệu form có được validate khi submit hay không |
| formTarget | Thiết lập hoặc trả về giá trị thuộc tính formTarget của nút |
| name | Thiết lập hoặc trả về giá trị thuộc tính name của nút |
| type | Thiết lập hoặc trả về loại nút |
| value | Thiết lập hoặc trả về giá trị của nút |
Cú pháp
Tạo đối tượng button
var x = document.createElement("BUTTON");
Ví dụ
Dưới đây là ví dụ về đối tượng HTML DOM button:
<!DOCTYPE html> <html> <body> <p>Click nút bên dưới để tạo phần tử BUTTON</p> <button onclick="buttonCreate()">TẠO</button> <br><br> <script> function buttonCreate() { var x = document.createElement("BUTTON"); var t = document.createTextNode("NÚT MỚI"); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>
Kết quả
Ví dụ này sẽ cho kết quả sau:
Khi click TẠO:
Giải thích ví dụ:
Tạo nút TẠO thực thi buttonCreate() khi click:
<button onclick="buttonCreate()">TẠO</button>
buttonCreate() dùng createElement() tạo button element gán cho x. Tạo text node bằng createTextNode() gán cho t. Text node t thêm vào button bằng appendChild(). Button cùng text node con thêm vào document body bằng document.body.appendChild():
function buttonCreate() { var x = document.createElement("BUTTON"); var t = document.createTextNode("NÚT MỚI"); x.appendChild(t); document.body.appendChild(x); }