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>