JavaScript中DOM的層次節點(二)

2021-09-19 09:58:25 字數 1539 閱讀 7846

text型別為文字節點,包含的是可照字面解釋的純文字內容,可以包含轉義後的html字元,但不能包含html**。型別值

nodetype

3nodename

"#text"

nodevalue

節點所包含的文字

parentnode

element

沒有節點

可以通過nodevalue和data屬性訪問text節點中包含的文字。

deletedata(offset,count):從offset置頂的位置開始刪除count個字元。

insertdata(offset,text):在offset位置插入text。

replacedata(offset,count,text):用text替換從offset指定的文職到offset+count為止的文字。

splittext(offset):從offset指定的位置將當前文字節點分成兩個文字節點。

substringdata(offset,count):提取從offset指定的位置開始到offset+count處的字串。

length:長度。

document.createtextnode("hello world");

document.createelement("div");

如果建立多個文字節點,且是相鄰的同胞節點,那麼兩個節點的文字會連起來顯示,中間不會有空格。型別值

nodetype

8nodename

"#comment"

nodevalue

注釋的內容

comment型別與text型別繼承自相同的基類,因此它擁有除splittext()之外的所有字串操作方法,與text類似,也可以使用nodevalue和data屬性來取得注釋的內容。

cdatasection型別只針對xml文件,表示的是cdata區域,與comment類似,繼承自text型別,因此擁有除splittext()之外的所有字串操作方法。型別值

nodetype

4nodename

"#cdata-section"

nodevalue

cdata區域中的內容

沒有子節點

此型別在web瀏覽器中並不常用,只有firefox、safari和opera支援。型別值

nodetype

10nodename

doctype名稱

nodevalue

null

documenttype物件不能動態建立,只能通過解析文件**的方式來建立。若瀏覽器支援此型別,會把此物件儲存在document.doctype中。

特性就是元素attribute屬性的節點。在所有瀏覽器中,都可以訪問attr型別的建構函式和原型。型別值

nodetype

11nodename

特性的名稱

nodevalue

特性的值

特性雖然是節點,但不會被認為是dom文件樹的一部分,最常用的方法為getattribute(),setattribute()和remveattribute(),很少會直接引用特性節點。

JavaScript中的DOM操作

更新dom 1.直接修改標籤的innerhtml屬性 修改該屬性不僅可以修改文字內容,還可以修改標籤內部的子節點 2.修改innertext或者textcontent屬性 只能修改節點的文字內容,不能新增子節點 3.使用style屬性獲取或者設定對應屬性 插入dom 1.如果在乙個空的dom節點中進...

JavaScript中基礎的DOM操作

getelementid id 通過id獲取元素 id為乙個元素的id,因為id是唯一的,所以可以通過id找到元素 object getelementid id 來獲取物件 innerheml屬性 獲取或者替換html中的內容 object.innerhtml 獲取元素中的內容 object.sty...

JavaScript中對DOM操作

1 element,元素 2 attribute,屬性 3 text,文字 var node1 document.createelement div var node2 document.createtextnode hello world 返回當前文件中第乙個類名為 myclass 的元素 var...