[H5]range对象的setStart/setEnd方法 - Aqiaoba_H5之家 - 中国HTML5教程资源分享第一站

1.setStart:表示某个节点的range对象的起点位置;
2.setEnd:表示某个节点的range对象的结束位置;

这里是第一段文字 dele() { ); document.createRange(); div.firstChild; range.setStart(content,1); range.setEnd(content,7); range.deleteContents(); }

3.setStartBefore:表示用于将某个节点的起点位置设置为range对象的起点位置;
4.setStartAfter:表示用于将某个节点的终点位置设置为range对象的起点位置;
5.setEndBefore:表示用于将某个节点的起点位置设置为range对象的终点位置;
6.setEndAfter:表示用于将某个节点的终点位置设置为range对象的终点位置;

示例如下:

<body>
<table 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" value="删除第一行">
<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>