คุณสมบัติการดาวน์โหลด HTML DOM ใช้เพื่อตั้งค่าหรือคืนค่าของแอตทริบิวต์การดาวน์โหลดของลิงก์
ต่อไปนี้เป็นรูปแบบการตั้งค่าคุณสมบัติการดาวน์โหลด -
anchorObject.download = file
ด้านบน ไฟล์แสดงถึงชื่อไฟล์ที่คุณสามารถตั้งค่าให้ดาวน์โหลดไฟล์ได้ นามสกุลจริงจะถูกต่อท้าย
ต่อไปนี้เป็นรูปแบบการคืนค่าการดาวน์โหลด:anchorObject.download
ให้เราดูตัวอย่างการใช้งานคุณสมบัติการดาวน์โหลด DOM Anchor -
ตัวอย่าง
<!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> ผลลัพธ์
ตอนนี้ คลิกที่ปุ่มเพื่อแสดงค่า -
