HTML DOM Quote Object เป็นตัวแทนของ องค์ประกอบของเอกสาร HTML
ให้เราสร้างวัตถุ q -
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
document.createElement(“Q”);
คุณสมบัติ
ต่อไปนี้เป็นคุณสมบัติของอ็อบเจกต์เครื่องหมายคำพูด -
| ทรัพย์สิน | คำอธิบาย |
|---|---|
| อ้างอิง | ส่งกลับและแก้ไขค่าของแอตทริบิวต์ cite ขององค์ประกอบเครื่องหมายคำพูดในเอกสาร HTML |
ตัวอย่าง
ให้เราดูตัวอย่างของอ็อบเจกต์อ้างอิง HTML DOM -
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
background-color:#fff;
color:#0197F6;
}
h1{
color:#23CE6B;
}
.drop-down{
width:35%;
border:2px solid #fff;
font-weight:bold;
padding:8px;
}
.btn{
background-color:#fff;
border:1.5px dashed #0197F6;
height:2rem;
border-radius:2px;
width:60%;
margin:2rem auto;
display:block;
color:#0197F6;
outline:none;
cursor:pointer;
}
p{
font-size:1.2rem;
background-color:#db133a;
color:#fff;
padding:8px;
}
</style>
</head>
<body>
<h1>DOM quote Object Demo</h1>
<button onclick="createQuote()" class="btn">Create a quote object</button>
<script>
function createQuote() {
var qElement = document.createElement("Q");
qElement.innerHTML="WordPress is software designed for everyone, emphasizing accessibility,
performance, security, and ease of use. We believe great software should work with minimum set
up, so you can focus on sharing your story, product, or services freely. ";
qElement.setAttribute("cite","https://wordpress.org/about/");
document.body.appendChild(qElement);
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
คลิกที่ “สร้างอ็อบเจกต์ใบเสนอราคา ” เพื่อสร้างอ็อบเจกต์ใบเสนอราคา -
