คุณสมบัติอัญประกาศสไตล์ HTML DOM ส่งคืนและแก้ไขประเภทของอัญประกาศสำหรับการใส่ใบเสนอราคาในเอกสาร HTML
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
-
ส่งคืนราคา
object.style.quotes
-
กำลังแก้ไขคำพูด
object.style.quotes = “value”
คุณค่า
ในที่นี้ ค่าสามารถเป็น −
ค่า | คำอธิบาย |
---|---|
สืบทอด | รับค่าคุณสมบัตินี้จากองค์ประกอบหลัก |
ค่าเริ่มต้น | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น |
ไม่มี | กำหนดเครื่องหมายเริ่มต้น (“”) ซึ่งใช้สำหรับใบเสนอราคา |
สตริงสตริง สตริงสตริง | กำหนดเครื่องหมายคำพูด ในที่นี้ ค่าสองค่าแรกจะระบุระดับแรกของใบเสนอราคาที่ปิดล้อม และอีก 2 ค่าอื่นๆ จะระบุระดับถัดไปของใบเสนอราคาที่แนบมา |
ตัวอย่าง
ให้เรามาดูตัวอย่างคุณสมบัติ HTML DOM style quotes -
<!DOCTYPE html> <html> <head> <style> body { color: #000; background: lightblue; height: 100vh; } q { margin: 20px; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 20px; } </style> </head> <body> <h1>DOM Style quotes Property Example</h1> <q>I'm a q element with some dummy text.</q> <button onclick="add()" class="btn">Change quotes</button> <script> function add() { document.querySelector('q').style.quotes = "'#' '#'"; } </script> </body> </html>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
คลิกที่ “เปลี่ยนราคา ” เพื่อเปลี่ยนเครื่องหมายคำพูด