ออบเจ็กต์ HTML DOM DFN เชื่อมโยงกับองค์ประกอบ HTML ข้อความภายในองค์ประกอบ เป็นข้อความที่กำหนดในบริบทโดยรอบ วัตถุ DFN แสดงถึงองค์ประกอบ
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การสร้างวัตถุ DFN -
var p = document.createElement("DFN"); ตัวอย่าง
ให้เราดูตัวอย่างสำหรับวัตถุ HTML DOM DFN -
<!DOCTYPE html>
<html>
<body>
<h2>DFN object example</h2>
<p>Click the below button to create a dfn element with some text inside it.</p>
<button onclick="dfnCreate()">CREATE</button> <br><br>
<script>
function dfnCreate() {
var x = document.createElement("DFN");
var t = document.createTextNode("The defination element");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มสร้าง -
ขั้นแรกเราได้สร้างปุ่ม CREATE ซึ่งจะรันฟังก์ชัน dfnCreate() เมื่อผู้ใช้คลิก -
<button onclick="dfnCreate()">CREATE</button>
dfnCreate() วิธีการสร้าง องค์ประกอบโดยใช้ createElement() วิธีการของวัตถุเอกสาร จากนั้นจะสร้างโหนดข้อความโดยใช้เมธอด createTextNode() จากนั้นโหนดข้อความจะถูกผนวกเป็นเด็กในองค์ประกอบ ในที่สุด องค์ประกอบพร้อมกับโหนดข้อความจะถูกผนวกเป็นลูกของเนื้อหาเอกสารโดยใช้วิธีการ appendChild() -
function dfnCreate() {
var x = document.createElement("DFN");
var t = document.createTextNode("The definition element");
x.appendChild(t);
document.body.appendChild(x);
} 