📜  HTML | DOM setRangeText() 方法(1)

📅  最后修改于: 2023-12-03 15:31:12.528000             🧑  作者: Mango

HTML | DOM setRangeText() 方法介绍

HTML DOM 中的 setRangeText() 方法是针对文本节点使用的,在指定的范围内插入指定的文本。可以在一段文本中插入新的文本内容,也可以替换指定范围内的文本内容。

语法
range.setRangeText(text, start, end, [selectionMode])
参数
  • text: 必须,要插入的文本内容。
  • start: 必须,要设置的文本起点位置。以字符为单位进行计算,从 0 开始计数。
  • end: 可选,要设置的文本终点位置。默认为文本起点位置到文本结尾。
  • selectionMode:可选,控制文本节点如何被选择。可能值有 "select", "start" 和 "end"。 默认值为 "select"。
返回值

该方法没有返回值。

实例

以下是一个例子,它将HTML文件中的文本节点中的 "World" 替换成 "W3Schools":

<body>

    <p>Hello World!</p>

    <script>
        var p = document.getElementsByTagName("p")[0];
        var range = document.createRange();
        range.setStart(p.firstChild, 6);
        range.setEnd(p.firstChild, 11);
        range.setRangeText("W3Schools");
    </script>

</body>

在这个例子中,首先获取了一个p标签,然后创建了一个文本范围。在文本范围中,将 "World" 替换成 "W3Schools"。

总结

setRangeText() 方法是 HTML DOM 中的文本节点操作方法。它可以移动、插入和替换文本节点。有了这个方法,我们就可以更方便地动态更改一个页面中的文本内容了。