这篇文章主要为大家详细介绍了简单的js表格操作,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
效果图：
任务：
1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff
var tr=document.getElementsByTagName("tr"); for(var i= 0;i2. 点击添加按钮，能动态在最后添加一行
var num=2; function add(){ num++; var tr=document.createElement("tr"); var xh=document.createElement("td"); var xm=document.createElement("td"); xh.innerHTML="xh00"+num; xm.innerHTML="第"+num+"位学生"; var del=document.createElement("td"); del.innerHTML="删除"; var tab=document.getElementById("table"); tab.appendChild(tr); tr.appendChild(xh); tr.appendChild(xm); tr.appendChild(del); var tr = document.getElementsByTagName("tr"); for(var i= 0;i 3. 点击删除按钮，则删除当前行
function del(obj) { var tr=obj.parentNode.parentNode; tr.parentNode.removeChild(tr); } 以上就是简单的js表格操作的详细内容，更多请关注0133技术站其它相关文章！
