ออบเจ็กต์ HTML DOM Footer เชื่อมโยงกับองค์ประกอบ HTML
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การสร้างวัตถุส่วนท้าย -
var p = document.createElement("FOOTER"); ตัวอย่าง
ให้เราดูตัวอย่างของวัตถุส่วนท้าย -
<!DOCTYPE html>
<html>
<head>
<script>
function createFoot() {
var f = document.createElement("FOOTER");
document.body.appendChild(f);
var p = document.createElement("P");
var txt = document.createTextNode("Copyright ©, 2019");
p.appendChild(txt);
f.appendChild(p);
}
</script>
</head>
<body>
<h1>Footer object example</h1>
<p>Create a footer for this webpage by clicking the below button</p>
<button onclick="createFoot()">CREATE</button>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มสร้าง -
ในตัวอย่างข้างต้น −
ขั้นแรกเราได้สร้างปุ่ม CREATE ซึ่งจะรันเมธอด createFoot() เมื่อผู้ใช้คลิก
<button onclick="createFoot()">CREATE</button>
เมธอด createFoot() สร้างองค์ประกอบส่วนท้ายโดยใช้เมธอด createElement() ของอ็อบเจ็กต์เอกสาร จากนั้นเราผนวกองค์ประกอบส่วนท้ายเข้ากับเนื้อหาของเอกสารโดยใช้เมธอด appendChild() และสร้าง
องค์ประกอบอื่นโดยใช้เมธอด createElement()
โหนดข้อความจะถูกสร้างขึ้นโดยใช้เมธอด createTextNode() ของวัตถุเอกสาร จากนั้นโหนดข้อความจะถูกผนวกเข้ากับย่อหน้าโดยใช้เมธอด appendChild() ในย่อหน้า ในที่สุดย่อหน้าพร้อมกับโหนดข้อความจะถูกผนวกเป็นลูกขององค์ประกอบส่วนท้ายโดยใช้วิธี appendChild() บนองค์ประกอบส่วนท้าย -
function createFoot() {
var f = document.createElement("FOOTER");
document.body.appendChild(f);
var p = document.createElement("P");
var txt = document.createTextNode("Copyright ©, 2019");
p.appendChild(txt);
f.appendChild(p);
} 