JS学习第四课

 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>

 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>