Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML DOM ลบคุณสมบัติ


คุณสมบัติ HTML DOM del cite ที่เชื่อมโยงกับองค์ประกอบ HTML ใช้เพื่อบอกผู้ใช้ว่าทำไมข้อความบางส่วนบนเว็บไซต์จึงถูกลบ โดยระบุ URL ที่ระบุว่าเหตุใดข้อความที่กำหนดจึงถูกลบ

คุณสมบัติ del cite ช่วยเพิ่มการเข้าถึงเว็บไซต์ของเราเนื่องจากไม่มีตัวชี้นำภาพ แต่สามารถช่วยโปรแกรมอ่านหน้าจอได้ ชุดคุณสมบัติ del cite หรือคืนค่าของแอตทริบิวต์ cite ขององค์ประกอบ HTML

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติอ้างอิง -

delObject.cite = URL

ที่นี่ URL ระบุ URL ของเอกสารที่ระบุว่าเหตุใดข้อความจึงถูกลบ URL สามารถเป็นแบบสัมพัทธ์หรือแบบสัมบูรณ์ได้

ตัวอย่าง

ให้เราดูตัวอย่างคุณสมบัติ HTML DOM del cite -

<!DOCTYPE html>
<html>
<head>
<title>Del cite</title>
<style>
#Sample{color:blue};
</style>
</head>
<body>
<h2>del cite property example</h2>
<p><del id="Del1" cite="sampleDeleted.html">Some text has been deleted</del></p>
<p>Click the below button to change the cite attribute value of the above deleted text</p>
<button onclick="citeChange()">Change Cite</button>
<p id="Sample"></p>
<script>
   function citeChange() {
      document.getElementById("Del1").cite = "https://example.com/deletedText.html";
      document.getElementById("Sample").innerHTML = "The del cite attribute value was changed to 'https://example.com/deletedText.html'.";
   }
</script>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM ลบคุณสมบัติ

เมื่อคลิกปุ่มเปลี่ยนการอ้างอิง -

HTML DOM ลบคุณสมบัติ

ในตัวอย่างข้างต้น −

ขั้นแรกเราได้สร้าง องค์ประกอบภายใน

องค์ประกอบที่มีรหัส "Del1" ที่เชื่อมโยงกับมันและค่าแอตทริบิวต์การอ้างอิงสำหรับองค์ประกอบ del ถูกตั้งค่าเป็น "sampleDeleted.html"

<p><del id="Del1" cite="sampleDeleted.html">Some text has been deleted</del></p>

จากนั้นเราได้สร้างปุ่ม "เปลี่ยนการอ้างอิง" ที่จะรันเมธอด citeChange() เมื่อผู้ใช้คลิก -

<button onclick="citeChange()">Change Cite</button>

เมธอด citeChange() รับองค์ประกอบ โดยใช้เมธอด getElementById() และเปลี่ยนค่าคุณสมบัติการอ้างอิงเป็น “https://example.com/deletedText.html” จากนั้นเราจะแสดงการเปลี่ยนแปลงนี้ในย่อหน้าด้วยรหัส "ตัวอย่าง" โดยใช้คุณสมบัติ innerHTML ขององค์ประกอบย่อหน้า ข้อความในย่อหน้า "ตัวอย่าง" จะแสดงเป็นสีน้ำเงินเนื่องจากเรามีรูปแบบที่สอดคล้องกับรหัสที่ใช้กับมัน -

function citeChange() {
   document.getElementById("Del1").cite = "https://example.com/deletedText.html";
   document.getElementById("Sample").innerHTML = "The del cite attribute value was changed to 'https://example.com/deletedText.html'.";
}