html用js给表格添加删除吗,关于Javascript的中表格的删除添加并添加样式

new document

window.onload = function(){

Highlight();

}

function addOne(obj){

var tbody = document.getElementById('table').lastChild;

var tr = document.createElement('tr');

var td = document.createElement("td");

td.innerHTML = "";

tr.appendChild(td);

td = document.createElement("td");

td.innerHTML = "";

tr.appendChild(td);

td = document.createElement("td");

td.innerHTML = "删除";

tr.appendChild(td);

tbody.appendChild(tr);

Highlight();

}

function deleteRow(obj){

var tbody = document.getElementById('table').lastChild;

var tr = obj.parentNode.parentNode;

tbody.removeChild(tr);

}

function Highlight(){

var tbody=document.getElementById("table").lastChild;

//

“#text”的类型为3(文本节点),值是空的，所以应该是

"text"之后的节点就是

，而这些都是在里的，所以要删除表格中的某一行，就得先取得节点，也就是

trs=tbody.getElementsByTagName("tr");

for(var i=1;i

{

trs[i].οnmοuseοver=function(){

this.style.backgroundColor="#f2f2f2";

//为什么是this而不是trs[i]，因为我们在做鼠标经过事件的时候，当鼠标移到一个对象上时就会触发该事件。this是指当前的，当鼠标移到当前对象时，它的样式就发生了改变。

}

trs[i].οnmοuseοut=function(){

this.style.backgroundColor="#fff";

}

}

}

学号	姓名	操作
xh001	王小明	删除
xh002	刘小芳	删除