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>

支持的浏览器

属性 Chrome Edge Firefox Safari Opera
quotes 是 11 是 12 是 1.5 是 9 是 4
html_dom_style_object_reference.htm
广告