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.value
17                     otr.appendChild(otd)
18                     
19                     var otd=document.createElement('td')
20                     otd.innerHTML=otex2.value
21                     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>

     

posted @ 2016-04-27 11:34  Blue-Beginner  阅读(254)  评论(0)  编辑  收藏  举报