HTML DOM Range endContainer 属性

endContainer 属性返回当前范围结束节点的父元素节点。

语法

range.endContainer;

返回值

endContainer 属性返回一个 Node 对象，表示当前范围结束节点的父元素节点。

示例

<div id="myDiv">这是一个div元素</div>

<script>
  var range = document.createRange();
  var div = document.getElementById("myDiv");

  range.setStart(div.firstChild, 2);
  range.setEnd(div.lastChild, 3);

  console.log(range.endContainer); // <div id="myDiv">...</div>
</script>

解释

以上示例中，我们首先创建了一个范围对象 range，然后设置了它的起始和结束位置。在这个范围内，起始节点是 myDiv 元素的第一个子节点的第二个字符，结束节点是 myDiv 元素的最后一个子节点的第三个字符。最后，我们使用 console.log() 输出了 range.endContainer 属性的值，也就是当前范围结束节点的父元素节点，即 myDiv 元素本身。

总结

endContainer 属性非常有用，特别是在处理文本节点、表格单元格、图像和嵌套的容器元素等方面。通过获取 endContainer 属性，我们可以轻松地获取当前范围结束节点的父元素节点，从而对其进行操作。