home

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

วัตถุ HTML DOM blockquote

โดยทั่วไป HTML DOM blockquote จะเป็นตัวแทนขององค์ประกอบ HTML

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

ไวยากรณ์

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

การสร้างวัตถุ blockquote -

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

ตัวอย่าง

ให้เรามาดูตัวอย่างของ blockquote object −

<!DOCTYPE html>
<html>
<body>
<p>Click on the below button to create a blockquote object</p>
<button onclick="createBloc()">CREATE</button>
<script>
   function createBloc() {
      var x = document.createElement("BLOCKQUOTE");
      var t = document.createTextNode("This is a random block quote.This is some sample text.");
      x.setAttribute("cite", "https://www.examplesite.com");
      x.setAttribute("id", "myQuote");
      x.appendChild(t);
      document.body.appendChild(x);
   }
</script>
</body>
</html>

ผลลัพธ์

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

วัตถุ HTML DOM blockquote

เมื่อคลิกสร้าง -

วัตถุ HTML DOM blockquote

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

ขั้นแรก เราได้สร้างปุ่ม CREATE เพื่อเรียกใช้ฟังก์ชัน createBloc()

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

ฟังก์ชัน createBloc() ใช้เมธอด createElement() ของอ็อบเจ็กต์เอกสารเพื่อสร้างองค์ประกอบ

จากนั้นใช้เมธอด createTextNode() ของอ็อบเจ็กต์เอกสาร เราสร้างโหนดข้อความที่มีข้อความอยู่ภายใน การใช้เมธอด setAttribute() เราเพิ่มแอตทริบิวต์บางอย่างเช่น cite และ id ให้กับองค์ประกอบ
ที่สร้างขึ้นด้านบน ในที่สุดองค์ประกอบจะถูกผนวกเป็นเด็กในเนื้อหาของเอกสารโดยใช้วิธีการ appendChild()

function createBloc() {
   var x = document.createElement("BLOCKQUOTE");
   var t = document.createTextNode("This is a random block quote.This is some sample text.");
   x.setAttribute("cite", "https://www.examplesite.com");
   x.setAttribute("id", "myQuote");
   x.appendChild(t);
   document.body.appendChild(x);
}