初學Javascript DOM全選反選練習

2021-08-22 16:40:32 字數 1095 閱讀 9278

html內容

實現全選功能

var items = document.getelementsbyname('items');//建立乙個items物件用於統計長度

var allbtn = document.getelementbyid('checkedallbtn');

allbtn.onclick = function

()

實現全不選功能

var nobtn = document.getelementbyid('checkednobtn');

nobtn.onclick = function

() }

實現利用多選框統一選擇全選以及全不選功能

var checkallbox = document.getelementbyid('checkedallbox');

var check = false

//建立乙個check物件用於檢查多選框的狀態

checkallbox.onclick = function

(); }

else;

}};

反選功能

var  checkedrevbtn = document.getelementbyid('checkedrevbtn');

checkedrevbtn.onclick = function()

else//也可以直接利用取反items[i].checked =! items[i].checked實現

}}

提交按鈕實現

var subbtn = document.getelementbyid('sendbtn');

subbtn.onclick = function

() }

alert(arr);

}

初學js,還有許多東西還不熟練,覺得按鈕與物件的繫結可以通過函式實現統一達到優化

javaScript DOM程式設計

1.獲取dom樹的根節點 2.getelementbyid 根據標籤的id獲取標籤元素和getelementsbytagname根據標籤名獲取標籤,返回的是陣列的形式 3.getelementsbynames 根據標籤的name屬性獲取標籤,返回的是陣列形式 有兩個input標籤,因此列印結果是2 ...

JavaScript DOM程式設計

dom document objective model 文字物件模型 例子 clickme 例子 先獲取某一指定的元素節點 再讀指定元素節點的屬性 設定指定元素節點的屬性的值 例子 你喜歡那個城市?你喜歡哪款單擊遊戲?name 先獲取某節點。用childnodes方法獲取指定元素節點的所有子節點。...

javascript DOM 獲取節點

1.獲取元素節點 1.1 通過元素節點的id屬性獲取 語法 document.getelementbyid 元素id屬性的值 例如 1.2 根據元素的名稱獲取,獲取的是所有為該名稱的元素節點組成的陣列,可以用陣列的方法操作該節點陣列 語法 document.getelementsbytagname ...