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

Thuộc tính liên kết DOM HTML bị vô hiệu hóa

Thuộc tính HTML DOM Link bị vô hiệu hóa đặt / trả về liệu phần tử được bật hay tắt.

Cú pháp

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

  • Trả về giá trị boolean - true / false
linkObject.disabled
  • Đã tắt cài đặt thành booleanValue
linkObject.disabled = booleanValue

Giá trị Boolean

Đây, “booleanValue” có thể như sau -

booleanValue
Chi tiết
true
Nó xác định rằng bị vô hiệu hóa.
false
Nó xác định rằng không bị tắt và nó cũng là giá trị mặc định.

Ví dụ

Hãy để chúng tôi xem một ví dụ về Liên kết bị vô hiệu hóa tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Link Disabled</title>
<link id="extStyle" rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<fieldset>
<legend>Link-disabled</legend>
<label for="WeekSelect">Sales Target Week:
<input type="week" id="WeekSelect" value="2020-W13" disabled>
</label>
<input type="button" onclick="enableWeekInput()" value="Change Sales Target Week">
<input type="button" onclick="beautify()" value="Disable Styling">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   var extStyle = document.getElementById("extStyle");
   divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
   function enableWeekInput() {
      inputWeek.disabled = false;
      divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
   }
   function beautify(){
      extStyle.disabled = true;
   }
</script>
</body>
</html>

Trong ví dụ trên ‘style.css’ chứa -

form {
   width:70%;
   margin: 0 auto;
   text-align: center;
}
* {
   padding: 2px;
   margin:5px;
}
input[type="button"] {
   border-radius: 10px;
}

Đầu ra

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

Trước khi nhấp vào ‘Tắt tạo kiểu’ nút -

Thuộc tính liên kết DOM HTML bị vô hiệu hóa

Sau khi nhấp vào ‘Tắt tạo kiểu’ nút -

Thuộc tính liên kết DOM HTML bị vô hiệu hóa