Thuộc tính HTML style trích dẫn trả về và sửa đổi loại dấu ngoặc kép để bao gồm các trích dẫn trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
-
Trả lại báo giá
object.style.quotes
-
Sửa đổi báo giá
object.style.quotes = “value”
Giá trị
Ở đây, giá trị có thể là -
| Giá trị | Giải thích |
|---|---|
| inherit | Nó kế thừa giá trị thuộc tính này từ phần tử mẹ của nó. |
| đầu tiên | Nó đặt giá trị thuộc tính này thành giá trị mặc định. |
| không có | Nó đặt các dấu mặc định (“”) được sử dụng cho dấu ngoặc kép. |
| chuỗi chuỗi chuỗi chuỗi | Nó đặt dấu ngoặc kép. Ở đây, hai giá trị đầu tiên chỉ định mức đầu tiên của dấu ngoặc kép kèm theo và hai giá trị khác chỉ định mức tiếp theo của dấu ngoặc kép. |
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính trích dẫn kiểu DOM HTML -
<!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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Thay đổi báo giá ”Để thay đổi dấu ngoặc kép.
