你的位置:首页 > Java教程

[Java教程]JS学习第四课


  1. 当我们删除某列表格,再添加新的一列时,它的序号该如何控制呢。这里id=oTab.tBodies[0].rows.length+1        otd.innerHTML=id++;   很关键哦。
  2. 还有一个关键点要再重复强调  tBodis【0】!!!
     1 <script type="text/javascript"> 2       window.onload=function(){ 3         var oTab=document.getElementById('tab1') 4         var obtn=document.getElementById('btn1') 5         var otex1=document.getElementById('name') 6         var otex2=document.getElementById('age') 7         var id=oTab.tBodies[0].rows.length+1 8         obtn.onclick=function(){ 9           var otr=document.createElement('tr')10     11           var otd=document.createElement('td')12           otd.innerHTML=id++;13           otr.appendChild(otd)14           15           var otd=document.createElement('td')16           otd.innerHTML=otex1.value17           otr.appendChild(otd)18           19           var otd=document.createElement('td')20           otd.innerHTML=otex2.value21           otr.appendChild(otd)22           23           var otd=document.createElement('td')24           otd.innerHTML='<a href="javascript:;">删除</a>'25           otr.appendChild(otd)26         27           otd.getElementsByTagName('a')[0].onclick=function(){28             oTab.tBodies[0].removeChild(this.parentNode.parentNode)29           }30         oTab.tBodies[0].appendChild(otr)31         }32       }33     </script>


     

  3. 不区分大小写的搜索toLowerCase()
  4. 模糊搜索   split   search   !=-1
     1 <script type="text/javascript"> 2       window.onload=function(){ 3         var otab=document.getElementById('tab1') 4         var obtn=document.getElementById('btn1') 5         var otex=document.getElementById('name') 6          7         obtn.onclick=function(){ 8           for(i=0;i<otab.tBodies[0].rows.length;i++){ 9         var stex=otex.value.toLowerCase();10         var stab=otab.tBodies[0].rows[i].cells[1].innerHTML.toLowerCase();11         var arr=stex.split(' ')12         otab.tBodies[0].rows[i].style.background=''13         for(j=0;j<arr.length;j++){14           if(stab.search(arr[j])!=-1){15               otab.tBodies[0].rows[i].style.background='yellow'16             }17           }    18         }19       }20       }21     </script>