當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。