[H 5]rangeオブジェクトのsetStart/setEndメソッド
3397 ワード
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オブジェクトに設定するための終了位置を表します.
例は次のとおりです.
表1表1表1表2表2表2表2表3表3<br> function btn() {<br> var table=document.getElementById("table");<br> var rangeDiv=document.createRange();<br> if(table.rows.length>0){<br> var row=table.rows[0];<br> rangeDiv.setStartBefore(row);<br> rangeDiv.setEndAfter(row);<br> rangeDiv.deleteContents();<br> }<br><br> }<br>
転載先:https://www.cnblogs.com/chooper/p/6380837.html