Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Loại nút đầu vào Thuộc tính

Thuộc tính loại nút đầu vào HTML DOM trả về loại nút đầu vào, tức là nó thuộc loại “nút”, “gửi” hay “đặt lại”.

Cú pháp

Sau đây là cú pháp -

object.type

Ví dụ

Hãy để chúng tôi xem một ví dụ về thuộc tính loại nút đầu vào -

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM type Property</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:40%;
   }
   .show-type{
      font-weight:bold;
      font-size:1.4rem;
      color:#ffc107;
   }
</style>
</head>
<body>
<h1>type Property Example</h1>
<input type = "submit" onclick = "getType()" class = "btn" value = "Click me to know about my type">
<div class="show-type"></div>
<script>
   function getType() {
      var btnType = document.querySelector(".btn").type;
      document.querySelector(".show-type").innerHTML = btnType;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Loại nút đầu vào Thuộc tính

Nhấp vào “ Nhấp vào tôi để biết về loại của tôi ”Để hiển thị loại nút đầu vào.

HTML DOM Loại nút đầu vào Thuộc tính