DOM操作 JS事件 節點增刪改查

2022-04-02 12:46:23 字數 915 閱讀 5972

--------------------------習慣是社會的巨大的飛輪和最可貴的維護者。——威·詹姆斯

day 49

[value屬性操作]

[節點的增刪改查]

一 展示

刪除節點

歡迎刪除,聖誕快樂!

替換節點

p.innerhtml="深圳歡迎您!";

// 舊節點

let title=document.getelementsbyclassname("title")[0];

pele3.replacechild(p,title)

}

[js事件]

[二級聯動]

請選擇省份

河北省廣東省

湖南省請選擇城市

// 1 資料結構

let data=;

let pro=document.getelementbyid("pros");

let city=document.getelementbyid("citys");

pro.onchange=function () {

console.log(this.value);

//2 獲取使用者選擇省份

let choose_pro=this.value;

// 3 獲取省份對應的城市列表

let citys=data[choose_pro];

console.log(citys);

// 清除操作

city.options.length=1;

// 迴圈新增

for(var i=0;i

JS的DOM操作(增刪改查)

1.通過id屬性獲取乙個元素節點物件 document.getelementbyid id1 2.通過name屬性獲取一組元素節點物件 document.getelementsbyname name1 3.通過標籤名獲取一組元素節點物件 document.getelementsbytagname l...

js事件流和DOM的增刪改查

什麼是事件流呢 事件 事件是文件和瀏覽器視窗中發生特定互動的瞬間,當我們與瀏覽器中的web頁面進行某些型別互動的時候,事件就發生了 事件流 事件流描述的是頁面中接受事件的順序,微軟為事件冒泡,網景為事件捕獲 事件冒泡 事件開始時由最具體的元素接收,然後逐級向上傳播到較為不具體的節點 阻止事件冒泡和事...

dom增刪改查

一 建立節點 document.createelement tag tag必須是合法的 html 元素二 dom新增 刪除節點的方法 將newnode新增成當前節點的最後乙個子節點 insertbefore newnode,refnode 將refnode 節點之前插入 newnode 節點repl...