HTML - DOM Style 物件 quotes 屬性

HTML DOM Style 物件的 **quotes** 屬性設定或返回嵌入式引號的型別。

語法

設定 quotes 屬性

object.style.quotes= "none | string string string string | initial | inherit";

獲取 quotes 屬性

object.style.quotes;

屬性值

值	描述
none	這是預設值，它指定開啟引號和關閉引號的值不會產生任何引號。
字串字串字串字串	用於指定要使用的引號。前兩個值指定第一級引號巢狀，後兩個值指定第二級引號巢狀。
initial	用於將此屬性設定為其預設值。
inherit	用於繼承其父元素的屬性。

返回值

它返回一個字串值，表示嵌入式引號的型別。

HTML DOM Style 物件 'quotes' 屬性示例

以下示例為寫在 q 元素內的文字設定不同的引號。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM Style Object quotes Property
    </title>
</head>
<body>
    <p>
        Click to change quotation mark.
    </p>
    <button onclick="fun()">Change</button>
    <button onclick="funTwo()">Change</button>
    <br>
    <q id="quo">
        Welcome to Tutorials Point
    </q>
    <script>
        function fun() {
            document.getElementById("quo")
                .style.quotes = "'\253' '\273'";
        }   
        function funTwo() {
            document.getElementById("quo")
                .style.quotes = "'<' '>'";
        }       
    </script>
</body>
</html>

支援的瀏覽器

屬性
quotes	是 11	是 12	是 1.5	是 9	是 4

html_dom_style_object_reference.htm

列印頁面