DOM 文件型別函式

2021-10-07 21:55:22 字數 1772 閱讀 5845

元素(標籤)節點

文字節點 在dom3中被淘汰

文字節點

節點查詢
1)找子節點(直接後代)

childnodes 獲取子節點 包含空格是text

children 獲取子節點

2)找父節點(直接父代)

parentnode 獲取父代

parrentchild

獲取父元素 parentnode

獲取子元素 childnodes children

最後乙個子元素 lasechild

第乙個子元素 firstchild

下乙個兄弟元素 nextsibling

上乙個兄弟元素 previoussibling

.節點物件的屬性

nodevalue 節點值 (文字)

nodetype 節點型別 1(元素節點),2(屬性節點),3(文字節點)

nodename 節點名稱

增刪改查

1.建立節點

①createelement() 建立元素節點

②createtextnode() 建立文字節點 innerhtml innertext

2.插入節點

3.刪除節點

①removechild() 刪除子節點

②remove() 刪除節點自身(相容性)

4.替換節點

replacechild(newnode,oldnode) 替換指定子節點

5.複製節點

clonenode(flag) flag 預設為false(不複製子節點) true(複製子節點)

6.節點查詢

a.documen.getelementbyid(id) 節點物件 null

b.document.getelementsbyclassname 集合(類陣列)

c.getelementsbytagname(tagname) 集合

1)document 呼叫 在全文中查詢

2)node呼叫,在指定節點下再查詢

d. document.getlelementsbyname() 集合

e. document.queryselector(selector) 根據選擇器查詢元素 (注意相容性)

注意:該方法,只取第乙個節點

f. document.queryselectorall(selector) 根據選擇器找元素 ,返回值為集合

7.樣式操作

賦值: 節點.style.樣式名=值;

取值:1)節點.style.樣式名 只能獲取行內樣式

2)getcomputedstyle(節點,null) 既能取行內又能採樣式表

ie低版本使用 currentstyle

8.屬性操作

取值:節點.屬性名

節點[屬性名]

節點.getattribute(屬性名)

賦值:節點.屬性名

節點[屬性名]

節點.setattribute(屬性名,屬性值);

注意:在屬性和樣式操作中,名稱的變形 background-color —>backgroundcolor

class—>classname 等

但是,若使用getattribute和setattribute則不需要對屬性進行變形

例如:img.getattribute(『class』);

屬性:caption

tbodies

thead

tfoot

rows 行

cells 列

引用型別 函式

在ecmascript中,function 函式 型別實際上是物件。每個函式都是function型別的例項,而且都與其他引用型別一樣具有屬性和方法。由於函式是物件,因此函式名實際上也是乙個指向函式物件的指標。function sum num1,num2 var sum function num1,n...

scala集合型別,函式

scala使用初步介紹 函式 def 建立容器 array 1,2,3 list 1,2,3 array 1,2,3 tolist map k1 1 k2 2 scala.tuple3 1,2,3 1,2,3 取出元素 arr 0 arr 1 list 0 list 1 map k1 tup.1,t...

char型別函式(C 入門?)

前幾天測試,本來想用char自帶的函式 然而發現自己並不是很會。1.1 strcpy 原型 char strcpy char dest,char src 功能 把從src位址開始且含有 0 結束符的字串複製到以dest開始的位址空間 返回指向dest的指標 說明 src 和 dest所指記憶體區域不...