Đối tượng nút đầu vào HTML DOM đóng vai trò như một phần tử HTML đầu vào với thuộc tính type là “nút”.
Hãy để chúng tôi xem cách tạo Đối tượng nút nhập -
cú pháp
Sau đây là cú pháp -
var newButton = document.createElement(“INPUT”); newButton.setAttribute(“type”,”value”);
Ở đây, giá trị có thể là “nút”, “gửi” và “đặt lại”.
thuộc tính
Sau đây là các thuộc tính của Đối tượng nút đầu vào -
| Thuộc tính | Giải thích |
|---|---|
| | Thuộc tính này trả về và thay đổi giá trị của thuộc tính lấy nét tự động của một nút đầu vào trong HTML. |
| defaultValue | Nó trả về và sửa đổi giá trị mặc định của một nút đầu vào trong HTML. |
| bị vô hiệu hóa | Nó trả về và thay đổi giá trị của thuộc tính bị vô hiệu hóa của một nút đầu vào trong HTML. |
| biểu mẫu | Nó trả về tham chiếu của biểu mẫu bao gồm nút đầu vào. |
| tên | Nó trả về và thay đổi giá trị của thuộc tính name của một nút đầu vào trong HTML. |
| | Thuộc tính này trả về loại của nút đầu vào, tức là nó thuộc loại “nút”, loại “gửi” hay loại “đặt lại”. |
| | Nó trả về và sửa đổi nội dung của thuộc tính giá trị của nút đầu vào. |
Ví dụ
Hãy để chúng tôi xem một ví dụ về Đối tượng nút đầu vào DOM -
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Input Button Object</title>
<style>
body{
text-align:center;
}
.btn{
display:block;
margin:1rem auto;
background-color:#db133a;
color:#fff;
border:1px solid #db133a;
padding:0.5rem;
border-radius:50px;
width:60%;
font-weight:bold;
}
.show-msg{
font-weight:bold;
font-size:1.4rem;
color:#ffc107;
}
</style>
</head>
<body>
<h1>Input Button Object Example</h1>
<input type="button" onclick="createReplica()" class="btn" value="Click to replicate
me">
<div class="show-msg"></div>
<script>
function createReplica() {
var newButton = document.createElement("INPUT");
newButton.setAttribute("type","button");
newButton.setAttribute("class","btn");
newButton.setAttribute("value","Click to replicate me");
newButton.setAttribute("onclick","createReplica()");
document.body.appendChild(newButton);
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào nút “Nhấp để sao chép tôi” để tạo một bản sao mới của cùng một nút.
