7行為及內(nèi)容分離和循環(huán)實(shí)現(xiàn)全選

1、行為，樣式，內(nèi)容Jscss html不要加行間的樣式，不要加行間的行為提取行間樣式，事件目的是：三者分離獲取一組元素獲取一組元素.geementsByTagName()獲取的元素是數(shù)組的對window.onload=function()var odiv=.geementsByTagName(div);/odiv.styackground=red;/寫法錯誤，每次設(shè)置樣式，只能對一個元素設(shè)置/alert(odiv.length);/5odiv0.styackground=red;odiv1.styackground=red;odiv2.styackground=red;odiv3.styackg

2、round=red;odiv4.styackground=red;如果有多個的話，100 以上，問題就來了，要通過下標(biāo)來遍歷很麻煩可以用循環(huán)來處理If 只是循環(huán)一次初始化條件循環(huán)（條件）語句/條件改變1 while 循環(huán)當(dāng)條件成立時候一直執(zhí)行/1 while 循環(huán)，只要條件成立就會執(zhí)行var i=0; while(i5)/alert(i); console.log(i); i+;2 for 循環(huán)格式：for(var i=0;條件；i+)語句var odiv_len=odiv.length;for(var i=0;iodiv_len;i+)odivi.styackground=red;全選，不選

3、，反選True,false 表示真，假10-全選，不選，反選功能 window.onload=function()/獲取復(fù)選框/var ach=var omy=.geementsByTagName(input);.geementById(my_sel);/然后從 div 中選擇 inputvar ach=omy.ge var all_sel=var fan_sel=var no_sel=ementsByTagName(input);.ge.ge.geementById(all_select);ementById(fan_select); ementById(no_all_select);/al

4、ert(ach.length);/7/這樣會把所有的 input 選中，解決方法是在指定的 input 外面加上一個盒子div就可以解決了。var ach_len=ach.length;/全選 all_sel.onclick=function()for(var i=0;iach_len;i+)/alert(achi.value); achi.checked=true;/2 不選no_sel.onclick=function()/不選for(var i=0;iach_len;i+)/alert(achi.value); achi.checked=false;/3 反選,當(dāng)前選中的去選中，沒有選擇中的全選擇fan_sel.onclick=function()/不選for(var i=0;iach_len;i+)/alert(achi.value);/如果選中，就不選，如果沒有選，就選中 achi.che