ออบเจ็กต์ HTML DOM Del เชื่อมโยงกับองค์ประกอบ HTML ใช้เพื่อแสดงองค์ประกอบ การใช้วัตถุ Del เราสามารถสร้างและเข้าถึง องค์ประกอบ
คุณสมบัติ
ต่อไปนี้เป็นคุณสมบัติของวัตถุเดล -
| Sr.No | คุณสมบัติ &คำอธิบาย |
|---|---|
| 1 | อ้างอิง เพื่อตั้งค่าหรือคืนค่าแอตทริบิวต์อ้างอิงของข้อความที่ถูกลบ |
| 2 | วันที่และเวลา เพื่อตั้งค่าหรือคืนค่าแอตทริบิวต์ datetime ของข้อความที่ถูกลบ |
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การสร้างวัตถุเดล -
var p = document.createElement("DEL"); ตัวอย่าง
ให้เราดูตัวอย่างสำหรับวัตถุ HTML DOM Del -
<!DOCTYPE html>
<html>
<body>
<h2>del object example</h2>
<p>Click on the below button to create a DEL element with some text.</p>
<button onclick="delCreate()">CREATE</button>
<br><br>
<script>
function delCreate() {
var d= document.createElement("DEL");
var t = document.createTextNode("Deleted text is here");
d.appendChild(t);
document.body.appendChild(d);
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มสร้าง -
ในตัวอย่างข้างต้น −
ขั้นแรกเราได้สร้างปุ่ม CREATE ซึ่งจะรันเมธอด delCreate() เมื่อผู้ใช้คลิก -
<button onclick="delCreate()">CREATE</button>
วิธีการ delCreate() สร้างองค์ประกอบ โดยใช้ createElement() และกำหนดให้กับตัวแปร d จากนั้นจะสร้างโหนดข้อความที่มีข้อความอยู่ภายในโดยใช้เมธอด createTextNode() จากนั้นโหนดข้อความจะถูกต่อท้ายองค์ประกอบ โดยใช้เมธอด appendChild() ขององค์ประกอบ del และต่อท้ายโหนดข้อความเข้าไป
จากนั้นองค์ประกอบ พร้อมกับโหนดข้อความจะถูกผนวกเข้ากับเนื้อหาเอกสารโดยใช้เมธอด document.body appendChild() และส่งตัวแปร d เป็นพารามิเตอร์ -
function delCreate() {
var d= document.createElement("DEL");
var t = document.createTextNode("Deleted text is here");
d.appendChild(t);
document.body.appendChild(d);
} 