增刪改查及屬性

2022-09-04 06:03:09 字數 1270 閱讀 1113

節點的增刪改查

節點建立

元素節點:document.createelement(tag標籤名稱);

文字節點:document.createtextnode(文字內容);

屬性設定:node.setattribute(名稱,值);

節點追加

父節點.insertbefore(newnode,oldnode); // 將newnode放到oldnode的前邊

節點刪除

父節點.removechild(子節點);

父節點.remove();

實現對元素的增刪改查

這是乙個span

非內建屬性

getattribute(name)

描述:獲取指定物件的屬性名的屬性值

返回:屬性值

console.log(obox.feng)   // 獲取不到值

console.log(obox.getattribute("feng"))

removeattribute(name):

描述:移除指定物件的屬性

obox.removeattribute("a")
節點公共的屬性

父節點.firstchild:返回第乙個子節點,包含空白節點(文字節點)

.firstelementchild:返回第乙個子節點

父節點.lastchild:返回最後乙個子節點

nextsibling屬性返回元素節點之後的兄弟節點(包括文字節點、注釋節點即回車、換行、空格、文字等等)

nextelementsibling屬性只返回元素節點之後的兄弟元素節點(不包括文字節點、注釋節點)(ie7/8不支援)

previoussibling 屬性返回元素節點之前的兄弟節點(包括文字節點、注釋節點);

previouselementsibling 屬性只返回元素節點之前的兄弟元素節點(不包括文字節點、注釋節點),唯讀屬性;(ie7/8不支援)

childnodes:返回子節點列表(包括,文字節點,注釋節點),返回時乙個組數

children: 只返回元素節點

節點

parentnode:返回父節點
其他

nodename:返回節點名字

nodevalue:返回節點值 (針對文字節點)

nodtype ; 返回節點的型別

2019-09-06

class屬性增刪改查

今天發現自己每寫乙個功能就去上網查查,然後繼續寫,平靜下來反思,我才知道是因為自己太懶了,不願意總結,今天特地為此做總結。例子 檢視 var myinput document.getelementbyid myinput 方式1 console.log myinput.classname 方式2 c...

Elasticsearch 文件增刪改查及區域性更新

文件,即索引庫中的資料,會根據規則建立索引,將來用於搜尋。可以模擬做資料庫中的一行資料 post 索引名稱 search post 索引名 update 全量 put my company index doc 3 部分更新 post my company index update 3 delete ...

mysql增刪改查效果 mysql增刪改查

檢視所有資料庫 mysql show databases 建立乙個庫ghd並指定字符集為utp8 mysql create database ghd charset utf8 檢視mysql支援的字符集 mysql show char set 建立乙個表,並設定id為主鍵 create table ...