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>
上一篇:asp.net(C#) Excel导出类 导出.xls文件


下一篇:首发|钉钉应用云开发实战营首次免费开营!5天晋升钉钉应用云开发大师!