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...