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

Thuộc tính tải xuống HTML DOM Anchor

Thuộc tính tải xuống HTML DOM được sử dụng để đặt hoặc trả về giá trị của thuộc tính tải xuống của một liên kết.

Sau đây là cú pháp để đặt thuộc tính tải xuống -

anchorObject.download = file

Ở trên, tệp đại diện cho tên tệp mà bạn có thể đặt cho tệp được tải xuống. Phần mở rộng thực tế sẽ có hậu tố.

Sau đây là cú pháp để trả về thuộc tính tải xuống:anchorObject.download

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính tải xuống DOM Anchor -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h2>ReactJS</h2>
<a id="myid" href="https://www.tutorialspoint.com/images/reactjs.png" download="Learn
ReactJS">
<img src="https://www.tutorialspoint.com/images/reactjs.png" alt="ReactJS" width="200"
height="200"></a>
<button onclick="display()">Display the value</button>
<p id="demo"></p>
<script>
   function display() {
      var val = document.getElementById("myid").download;
   document.getElementById("demo").innerHTML = val;
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính tải xuống HTML DOM Anchor

Bây giờ, hãy nhấp vào nút để hiển thị giá trị -

Thuộc tính tải xuống HTML DOM Anchor