home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วัตถุ HTML DOM cite

วัตถุ HTML DOM cite เกี่ยวข้องกับองค์ประกอบ HTML <cite> องค์ประกอบ <cite> ใช้สำหรับอ้างอิงถึงงานสร้างสรรค์ที่ถูกอ้างอิง และต้องมีชื่อเรื่องรวมอยู่ด้วย สามารถเป็นภาพวาด หนังสือ รายการทีวี ภาพยนตร์ ฯลฯ

ไวยากรณ์

ไวยากรณ์สำหรับการสร้างวัตถุ cite ดังนี้ -

var x = document.createElement("CITE");

ตัวอย่าง

ลองดูตัวอย่างของวัตถุ HTML DOM cite -

<!DOCTYPE html> <html> <body> <p>คลิกปุ่มด้านล่างเพื่อสร้างองค์ประกอบ CITE</p> <button onclick="createCite()">CREATE</button><br><br> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg" width="220" height="277" alt="The Starry night"> <script> function createCite() { var x = document.createElement("CITE"); var t = document.createTextNode("The Starry night."); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้ -

วัตถุ HTML DOM cite

คลิก "CREATE" -

วัตถุ HTML DOM cite

ในตัวอย่างข้างต้น เราได้แทรกภาพโดยใช้แท็ก <img> -

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg" width="220" height="277" alt="The Starry night">

จากนั้นเราสร้างปุ่ม CREATE เพื่อเรียกใช้เมธอด createCite() -

<button onclick="createCite()">CREATE</button>

เมธอด createCite() สร้างองค์ประกอบ <cite> และกำหนดให้ตัวแปร x โหนดข้อความที่มีข้อความบางส่วนถูกสร้างขึ้นและกำหนดให้ตัวแปร t โหนดข้อความจะถูกผนวกกับองค์ประกอบ <cite> โดยใช้เมธอด appendChild() บนตัวแปร x องค์ประกอบ <cite> พร้อมกับโหนดข้อความจะถูกผนวกกับเนื้อหาของเอกสารโดยใช้เมธอด appendChild() บนเนื้อหาของเอกสาร