DOM中的範圍

2021-08-07 05:33:08 字數 1941 閱讀 4167

dom2級在doucment型別中定義了createrange()方法。在相容dom的瀏覽器中屬於document物件。

1.建立dom範圍

var range=document.createrange();

2.用範圍來實現簡單選擇

selectnode(): 選擇整個節點,包括子節點

range.selectnode(節點名稱);

selectnodecontent(): 只選擇節點的子節點

3.用範圍實現複雜選擇

setstart()  和 setend() :接收兩個引數,參照節點、偏移量.

html:

he

llowo

rld!

js:

var p1=document.getelementbyid('p1');

var hnode=p1.firstchild.firstchild;

varwnode=p1.lastchild;

varrange=document.createrange();

range.setstart(hnode,2);

//設定起點 llo

range.setend(wnode,3);

//設定終點  r

alert(range);

//llo wo

4. 操作範圍中的內容

deletecontents():從文件中刪除範圍所包含的內容

extractcontents():從範圍中移除範圍選區,返回文件片段

clonecontents():返回文件片段包含的是範圍中節點的副本

5.插入範圍中的節點

insertnode():向範圍選區的開始處插入乙個節點。

surroundcontents():環繞範圍插入內容,引數:環繞範圍內容的節點

6.摺疊dom範圍

collapse():接收乙個引數:布林值,true表示摺疊到起點,false表示摺疊到終點

collapsed屬性:布林值,確定是否摺疊完成

7.比較dom範圍

compareboundarypoints():用來確定範圍是否有公共邊界

接收兩個引數:比較方式的常量值和要比較的範圍

返回值:-1,  0,  1 如果第乙個範圍中的點位於第二個範圍中的點之前,返回-1;相等為0;反之反之。

使用:range1. compareboundarypoints(「range.start_to_start」,range2);

8.複製dom範圍

clonerange():建立乙個呼叫它的副本

9.清理dom範圍

range.detach();//從文件中分離

range=null;//解除引用

Dom中的範圍

dom2級在document型別中定義了createrange 方法。在相容dom瀏覽器的瀏覽器中,這個方法屬於document物件。使用hasfeature 或者直接檢測該方法,都可以確定瀏覽器是否支援範圍 var supportrange document.implementation.hasf...

DOM中的範圍

1.範圍 通過範圍可以選擇文件中的乙個區域,不必考慮節點的界限。使用document.createrange 方法可以建立範圍 range型別的例項 新建立的範圍直接與建立他的文件關聯在一起,不能用於其他文件。使用range型別的例項 範圍 來選擇文件的一部分可以使用selectnode dom節點...

C 中變數的作用範圍 可見範圍

作用域為當前 塊,即 中。在 塊外部不可見。區域性靜態變數,即在 塊中宣告的靜態變數,作用域為當前 塊,超過該 塊則不可見 static int a 0 void test 2.類靜態成員變數,作用域為當前類,超出類範圍則不可見 static int a class test 3.全域性靜態變數,不...