- 当我们删除某列表格,再添加新的一列时,它的序号该如何控制呢。这里id=oTab.tBodies[0].rows.length+1 otd.innerHTML=id++; 很关键哦。
- 还有一个关键点要再重复强调 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>
- 不区分大小写的搜索toLowerCase()
- 模糊搜索 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>
相关文章
- 10-28【个人学习】: Swagger的配置及使用
- 10-28DNS解析综合学习案例
- 10-28tmux学习
- 10-28JS网页特效:星空飞入效果
- 10-28GlusterFS分布式存储学习笔记
- 10-28第2节 mapreduce深入学习:14、mapreduce数据压缩-使用snappy进行压缩
- 10-28LTE学习-OFDM
- 10-28python学习总结1
- 10-28Hadoop学习视频心得(七)数据压缩、yarn、hadoop优化
- 10-28FPGA学习笔记