js中的range。范围api(一)
2021-05-08 03:29
标签：控制 style creat 单选 node end for 返回 off ie8+支持一个range api.这个api使用组要分为三个步骤， 第一步创建一个range实例: var range=document.createRange(); 第二步选择一个范围: 如果只是简单选择一个dom节点，可以使用selectNode和selectNodeContents方法，只需要在range上调用方法，传入要选择的节点即可，这两个方法都没有返回值，其中 selectNode是选择整个节点，而selectNodeContents则是选择节点中包含的元素。如果选择的是一个文本节点，那么这两个方法返回相同。 range.selectNode() range.selectContents(); 如果是较复杂的选择，可以使用setStartBefore,setStartAfter,setEndBefore,setEndAfter这一组api，这一组api可以实现更加复杂一点的范围选择，方法都接收一个参数，即要选择的范围的dom节点，通常需要两个方法一起使用来决定一个范围，其中setStartBefore（node）表示将范围起点设置到node之前，setStartAfter（node）表示将范围起点设置到node之后，setEndBefore（node）表示将范围结束点设置到node之前，setEndAfter（node）表示将范围结束点设置到node之后，例如： 这样就选择了整个ul里面的所有的li。 第三种是使用setStart和setEnd这两个api。这两个api都接受两个参数，第一个参数是要选择的节点，第二个参数是偏移量，即setStart(node,startOffset),setEnd(node,endOffset),这两个api能更加精确的控制范围，最适合用来选择文本节点，比如： js中的range。范围api(一) 标签：控制 style creat 单选 node end for 返回 off 原文地址：http://www.cnblogs.com/yuweia/p/7635563.html
下一篇：深入.NET平台和C#编程第1章
文章标题：js中的range。范围api(一)
文章链接：http://soscw.com/index.php/essay/83941.html