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="刪除第一行">
<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>