...
- 當我們刪除某列表格,再添加新的一列時,它的序號該如何控制呢。這裡id=oTab.tBodies[0].rows.length+1 otd.innerHTML=id++; 很關鍵哦。
- 還有一個關鍵點要再重覆強調 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>
- 不區分大小寫的搜索toLowerCase()
- 模糊搜索 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>