HTML DOM Range selectNode()用法及代码示例

selectNode()方法将Range内容设置为包含Node。 Range的开始和结束将与referenceNode相同。

用法:

range.selectNode(referenceNode);

参数：

referenceNode:设置范围内容的节点。

返回值：此方法没有返回值。

例：本示例说明如何使用此方法设置范围的内容。

为了更好地说明，控制台通过toString()方法以字符串文本记录了新的范围内容。

HTML

<html>
<head>
<title>HTML DOM range selectNode() method</title>    
</head>
<body>
    <h1>GeeksforGeeks</h1>
     
<p>This is the Range Content</p>
 
</body>
<script>
    let range = document.createRange();
    let referenceNode = document.getElementsByTagName('p').item(0);
    range.selectNode(referenceNode);
    console.log(range);
    console.log(range.toString());
</script>
</html>

输出：在控制台中，可以看到范围内容。

支持的浏览器：

谷歌浏览器
Edge
Firefox
Safari
Opera
IE浏览器

相关用法

注：本文由纯净天空筛选整理自taran910大神的英文原创作品 HTML DOM Range selectNode() method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。