Thuộc tính kiểu neo DOM HTML

Thuộc tính kiểu DOM HTML được liên kết với thẻ liên kết được sử dụng để đặt hoặc lấy giá trị của thuộc tính type của liên kết. Thuộc tính này đã được giới thiệu trong HTML 5. Thuộc tính này cũng chỉ vì lý do gợi ý và không bắt buộc phải bao gồm. Nó chứa một loại giá trị MIME (Tiện ích mở rộng thư Internet đa năng).

Cú pháp

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

Trả lại thuộc tính type -

anchorObject.type

Đặt thuộc tính loại -

anchorObject.type = MIME-type

Ví dụ

Hãy để chúng tôi xem một ví dụ cho thuộc tính văn bản liên kết -

<!DOCTYPE html>
<html>
<body>
<p><a id="Anchor" type="text/html" href="https://www.examplesite.com">example site</a></p>
<p><a id="Anchor2" href="https://www.example.com">example</a></p>
<p>Click the buttons to set and get the type attribute.</p>
<button onclick="getType1()">GetType</button>
<button onclick="setType2()">SetType</button>
<p id="Type1"></p>
<script>
   function getType1() {
      var x = document.getElementById("Anchor").type;
      document.getElementById("Type1").innerHTML = x;
   }
   function setType2(){
      document.getElementById("Type1").innerHTML="Type has been set";
      document.getElementById("Anchor2").type="text/html";
   }
</script>
</body>
</html>

Đầu ra

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

Thuộc tính kiểu neo DOM HTML

Khi nhấp vào nút GetType -

Thuộc tính kiểu neo DOM HTML

Khi nhấp vào nút SetType -

Thuộc tính kiểu neo DOM HTML

Trong ví dụ trên -

Chúng tôi đã lấy hai liên kết với id Anchor và Anchor2 tương ứng. Anchor1 có văn bản / html loại MIME được liên kết với nó trong khi Anchor2 không có bất kỳ loại MIME nào được liên kết với nó.

<p><a id="Anchor" type="text/html" href="https://www.examplesite.com">example site</a></p>
<p><a id="Anchor2" href="https://www.example.com">example</a></p>

Sau đó, chúng ta có hai nút GetType và SetType để thực thi các hàm getType1 () và getType2 () tương ứng.

<button onclick="getType1()">GetType</button>
<button onclick="setType2()">SetType</button>

Hàm getType1 () trả về loại thẻ liên kết với id "Anchor" được liên kết với nó. Hàm setType2 () đặt loại thẻ liên kết có id “Anchor2” thành văn bản / html.

function getType1() {
   var x = document.getElementById("Anchor").type;
   document.getElementById("Type1").innerHTML = x;
}
function setType2(){
   document.getElementById("Type1").innerHTML="Type has been set";
   document.getElementById("Anchor2").type="text/html";
}