首页 > 代码库 > [H5]range对象的setStart/setEnd方法
[H5]range对象的setStart/setEnd方法
1.setStart:表示某个节点的range对象的起点位置;
2.setEnd:表示某个节点的range对象的结束位置;
示例如下:
<body> <div id="div"> 这里是第一段文字 </div> <input type="butt on" onclick="dele()" value="删除"> <script> function dele() { var div=document.getElementById("div"); var range=document.createRange(); var content=div.firstChild; range.setStart(content,1); range.setEnd(content,7); range.deleteContents(); } </script> </body>
3.setStartBefore:表示用于将某个节点的起点位置设置为range对象的起点位置;
4.setStartAfter:表示用于将某个节点的终点位置设置为range对象的起点位置;
5.setEndBefore:表示用于将某个节点的起点位置设置为range对象的终点位置;
6.setEndAfter:表示用于将某个节点的终点位置设置为range对象的终点位置;
示例如下:
<body>
<table id="table" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>表格1</td>
<td>表格1</td>
<td>表格1</td>
</tr>
<tr>
<td>表格2</td>
<td>表格2</td>
<td>表格2</td>
</tr>
<tr>
<td>表格3</td>
<td>表格3</td>
<td>表格3</td>
</tr>
</table>
<input type="button" onclick="btn()" value="http://www.mamicode.com/删除第一行">
<script>
function btn() {
var table=document.getElementById("table");
var rangeDiv=document.createRange();
if(table.rows.length>0){
var row=table.rows[0];
rangeDiv.setStartBefore(row);
rangeDiv.setEndAfter(row);
rangeDiv.deleteContents();
}
}
</script>
[H5]range对象的setStart/setEnd方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。