JavaScript學習之DOM程式設計

2021-07-11 14:38:37 字數 1509 閱讀 5707

dom

程式設計動態;改變文件(dom樹)

node

屬性名稱

返回值 作用

documentelement

節點獲取文件的根節點

attributes

陣列如是element,以namenodemap返回屬性

childnodes

節點陣列

以node形式存放子節點

firstchild

節點獲取第乙個子節點,沒有返回null

lastchild

節點獲取最後乙個子節點

nextsibling

節點獲取後乙個兄弟節點

previoussibling

節點獲取前乙個兄弟節點

parentnode

節點獲取父節點

nodetype

整型獲取節點型別:1為元素,2為屬性,3為文字

nodename

字串獲取節點名稱:如果節點為元素,返回元素名

nodevalue

字串獲取節點值

node

節點型別 介面

nodetype常量

值 備註

element

node.element_node

元素節點

attr

node.attribute _node

節點屬性

text

node.text_node

文字節點

comment

node.comment_node

注釋文字

document

node.document_node

document

documentfragment

node.document_fragment _node

document片段

node

常用方法

名稱作用

引數追加子節點

子節點物件

setattribute

設定屬性的值

屬性名, 值

removechild

刪除子節點

子節點物件

removeattribute

刪除屬性

屬性名稱

replacechild

替換子節點

新節點,老節點

createelement

建立元素節點

元素名稱

createtextnode

建立文字節點

文字內容

insertbefore

把新節點插入到old子節點前面。

父節點. insertbefore(節點,old子節點)

節點物件

clonenode()

複製節點

是否包括子節點

haschildnodes()

是否有子節點

無例子:

dom模擬省市聯動

form

表單驗證

JavaScript學習之排序

陣列的排序 1.陣列排序arr1 4,5,6,2,3,8,1,0,7 function add a,b document.write arr1.sort add 從小到大排列。a在js中表示前乙個數,b表示後乙個數,我理解為若差值為負,則順序不變,若差值為正,則a與b交換順序 function ji...

javaScript學習之隱式轉換

搬家篇三 true false 123 123 123 0 1 0 true 因為大於等於的比較,不是相等的比較,所以 object object object object null true undefined nan 由以下變化可以證得 nan nan nan 0優先順序最高的是字串,任何運算...

javascript學習筆記三之js物件

計算字串的長度 如何使用長度屬性來計算字串的長度。為字串新增樣式 如何為字串新增樣式。indexof 方法 如何使用 indexof 來定位字串中某乙個指定的字元首次出現的位置。match 方法 如何使用 match 來查詢字串中特定的字元,並且如果找到的話,則返回這個字元。如何替換字串中的字元 r...