如何檢查DOM元素是否在范圍內

Question

如何檢查DOM樹中的節點是否在特定范圍內（ https://developer.mozilla.org/en-US/docs/Web/API/Range ）？ 當然，節點可以完全在范圍內，也可以部分在范圍內。

Answer 1

例

 range = document.createRange(); range.selectNode(document.getElementsByTagName("div").item(0)); bool = range.isPointInRange(document.getElementsByTagName("p").item(0),1); 

https://developer.mozilla.org/en-US/docs/Web/API/Range/isPointInRange

Answer 2

還有Range.intersectsNode()可用。

Range.intersectsNode（）方法返回一個布爾值，該布爾值指示給定的Node是否與Range相交。

https://developer.mozilla.org/en-US/docs/Web/API/Range/intersectsNode

例：

var isNodeInRange = range.intersectsNode(node);