js的增改刪

2022-07-27 10:42:12 字數 1565 閱讀 6160

insertbefore插入元素

語法:父元素.insertbefore(引數1,引數2)

引數1:需要插入新的元素

引數2:插入到哪個元素的前面

1.建立新的元素

2.原本存在的元素

3.需要插入的元素

獲取元素

var ul = document.getelementbyid("ul");

var .li2 = document.getelementbyid("li2");

建立乙個新元素,直接將新元素插入到指定的位置

var newli = document.createelement("li");

newli.innertext = "我是新的";

ul.insertbefore(newli,li2);

原本存在的元素移動到指定的位置

var li4 = document.getelementbyid("li4");

ul.insertbefore(li2,li4);

需要插入的元素有子元素,元素及其子元素一起移動到指定的位置

var ul1 = document.getelementbyid("ul1");

ul1.insertbefore(ul1,li2);

replacechild替換元素

語法:父元素.replacechild(引數1,引數2)

引數1:需要替換的新元素

引數2:要被替換的元素

1.建立新的元素

2.原本存在的元素

3.需要插入的子元素

獲取元素

var ul = document.getelementbyid("ul");

var li2 = document.getelementbyid("li2");

建立乙個新元素,直接替換

var newli = document.createelement("li");

newli.innertext = "我是新的";

ul.replacechild(newli,li2);

原本存在的元素 替換掉原來的元素

var li4 = document.getelementbyid("li4");

ul.replacechild(li4,li2);

需要插入的元素有子元素,元素及其子元素一起移動替換掉本來的元素

var ul2 = document.getelementbyid("ul2");

ul.replacechild(ul2,li2);

removechild移出元素

語法:父元素.removechild(子元素)

獲取元素

var ul = document.getelementbyid("ul");

var li2 = document.getelementbyid("li2");

元素不能呼叫該方法移除自己(不能自殺)

父元素不能移除其它元素的子元素

ul.removechild(li2);

父元素只能移除自己的子元素

ul.removechild(li2);

JS 陣列, 物件的增查改刪 多語法對比

建議 在用資料結構的時候,優先考慮map和set 考慮資料的唯一性 放棄傳統的陣列和object,特別是比較複雜的資料結構時 map與array的對比let map newmap let array map.set t 1 array.push console.info map array map,...

JS 陣列, 物件的增查改刪 多語法對比

建議 在用資料結構的時候,優先考慮map和set 考慮資料的唯一性 放棄傳統的陣列和object,特別是比較複雜的資料結構時 map與array的對比let map newmap let array map.set t 1 array.push console.info map array map,...

SQL之表的增 改 刪

在說明表的增改刪之前,我們先來介紹一下組成乙個關係型資料庫的基本結構。由圖1 2可以看出乙個關係型資料庫主要由三大結構組成,分別是資料庫 表 字段。在頂層的是rdbms 管理資料庫的軟體 在rdbms之下是建立的實際資料庫,每個資料庫又可以包含乙個或多個表,嚴格地說資料庫可以不包含表,但這樣的資料庫...