home

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

HTML DOM blockquote อ้างคุณสมบัติ

คุณสมบัติอ้างอิง HTML DOM blockquote เชื่อมโยงกับองค์ประกอบ HTML

คุณสมบัตินี้ใช้เพื่อตั้งค่าหรือส่งคืนแอตทริบิวต์ cite ของใบเสนอราคา คุณสมบัติ cite มีประโยชน์สำหรับโปรแกรมอ่านหน้าจอและไม่มากสำหรับผู้ใช้ทั่วไปเนื่องจากไม่มีเอฟเฟกต์ภาพบนหน้าเว็บ คุณสมบัติ cite ใช้เพื่อกำหนด URL แหล่งที่มาของใบเสนอราคา

ไวยากรณ์

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

การตั้งค่าคุณสมบัติอ้างอิง -

blockquoteObject.cite = URL

ที่นี่ URL ระบุตำแหน่งใบเสนอราคา

ตัวอย่าง

ให้เรามาดูตัวอย่างคุณสมบัติ blockquote อ้างอิง −

<!DOCTYPE html>
<html>
<body>
<h2>Quote</h2>
<p>Here is a quote:</p>
<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>
<p>Click the button below to change the above quote cite value.</p>
<button onclick="citeChange()">CHANGE</button>
<p id="Sample"></p>
<script>
   function citeChange() {
      document.getElementById("myBlockquote").cite = "https://www.examplesite.com";
      document.getElementById("Sample").innerHTML = "The value of the cite attribute was
      changed to 'www.examplesite.com' ";
   }
</script>
</body>
</html>

ผลลัพธ์

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

HTML DOM blockquote อ้างคุณสมบัติ

เมื่อคลิกเปลี่ยน -

HTML DOM blockquote อ้างคุณสมบัติ

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

เราได้นำองค์ประกอบ

ที่มีรหัส “myBlockquote” และค่าคุณสมบัติอ้างอิงคือ webexample -

<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>

จากนั้นเรามีปุ่ม CHANGE เพื่อเรียกใช้ฟังก์ชัน cite Change() -

<button onclick="citeChange()">CHANGE</button>

ฟังก์ชัน citeChange() รับองค์ประกอบที่มี id "myBlockquote" และรับแอตทริบิวต์ cite และเปลี่ยนเป็น "www.examplesite.com" หลังจากเปลี่ยนค่าอ้างอิงแล้ว ข้อความ “ค่าของแอตทริบิวต์การอ้างอิงถูกเปลี่ยนเป็น 'www.examplesite.com' ” จะแสดงในย่อหน้าที่มีรหัส “ตัวอย่าง” เชื่อมโยงอยู่

function citeChange() {
   document.getElementById("myBlockquote").cite = "https://www.examplesite.com";
   document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' ";
}