JS学习第四课

1. 当我们删除某列表格，再添加新的一列时，它的序号该如何控制呢。这里id=oTab.tBodies[0].rows.length+1        otd.innerHTML=id++;   很关键哦。
2. 还有一个关键点要再重复强调  tBodis【0】！！！

   <script type="text/javascript">
               window.onload=function(){
                   var oTab=document.getElementById('tab1')
                   var obtn=document.getElementById('btn1')
                   var otex1=document.getElementById('name')
                   var otex2=document.getElementById('age')
                   var id=oTab.tBodies[0].rows.length+1
                   obtn.onclick=function(){
                       var otr=document.createElement('tr')
           
                       var otd=document.createElement('td')
                       otd.innerHTML=id++;
                       otr.appendChild(otd)
                       
                       var otd=document.createElement('td')
                       otd.innerHTML=otex1.value
                       otr.appendChild(otd)
                       
                       var otd=document.createElement('td')
                       otd.innerHTML=otex2.value
                       otr.appendChild(otd)
                       
                       var otd=document.createElement('td')
                       otd.innerHTML='<a href="javascript:;">删除</a>'
                       otr.appendChild(otd)
                   
                       otd.getElementsByTagName('a')[0].onclick=function(){
                           oTab.tBodies[0].removeChild(this.parentNode.parentNode)
                       }
                   oTab.tBodies[0].appendChild(otr)
                   }
               }
           </script>

   ---

3. 不区分大小写的搜索toLowerCase()
4. 模糊搜索   split   search   ！=-1

   <script type="text/javascript">
               window.onload=function(){
                   var otab=document.getElementById('tab1')
                   var obtn=document.getElementById('btn1')
                   var otex=document.getElementById('name')
                   
                   obtn.onclick=function(){
                       for(i=0;i<otab.tBodies[0].rows.length;i++){
                   var stex=otex.value.toLowerCase();
                   var stab=otab.tBodies[0].rows[i].cells[1].innerHTML.toLowerCase();
                   var arr=stex.split(' ')
                   otab.tBodies[0].rows[i].style.background=''
                   for(j=0;j<arr.length;j++){
                       if(stab.search(arr[j])!=-1){
                               otab.tBodies[0].rows[i].style.background='yellow'
                           }
                       }        
                   }
               }
               }
           </script>