HTML DOM 范围 toString() 方法(1)

📌 相关文章

📜 HTML DOM 范围 toString() 方法(1)

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

HTML DOM 范围 toString() 方法

在 HTML DOM 中，范围（range）表示了文档中的一个范围，可以通过范围来选取文档中的一组节点，然后对这些节点进行操作。这些节点可以是一个元素节点、一个文本节点等等。toString() 方法用于将范围中的内容转换为字符串。本文将详细介绍该方法的使用。

语法

范围对象的 toString() 方法的语法如下：

range.toString();

返回值

该方法返回一个字符串，表示范围中选中的节点的文本内容。如果范围中没有选中任何节点，则返回一个空字符串。

示例

下面是一个使用 toString() 方法的简单示例：

<!DOCTYPE html>
<html>
<body>

  <p id="myPara">Hello, world! This is a <b>bold</b> text.</p>

  <script>
    const para = document.getElementById("myPara");
    const range = document.createRange();
    range.setStart(para.firstChild, 0);
    range.setEnd(para.lastChild, 3);
    const text = range.toString();
    console.log(text);
    // 输出：Hello, world! This is a bold te
  </script>

</body>
</html>

在上述示例中，toString() 方法被用在一个范围对象上。该范围被设置为选中了第一个子节点（即文本节点）的开头以及最后一个子节点（即 <b> 元素）的前三个字符。因此，toString() 方法返回的字符串就是选中节点的文本内容。

总结

toString() 方法是 HTML DOM 范围对象的一个常用方法，用于将范围中选中的节点的文本内容转换为字符串。使用该方法可以让开发者更加方便地操作文档中的节点。