new新的开始
2016-10-17 10:47
window.onload = function(){
color();
}
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
function color(){
var list =document.getElementsByTagName("tr");
for(i=1;i<list.length;i++){
list[i].onmouseover=function(){this.style.backgroundColor="red"};
list[i].onmouseout=function(){this.style.backgroundColor="#fff"};
}
}
// 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
function append(){
var id=document.getElementById("table").lastChild;
var newnode=document.createElement("tr");
id.appendChild(newnode);
var newnode1=document.createElement("td");
newnode1.innerHTML="xh003";
newnode.appendChild(newnode1);
var newnode2=document.createElement("td");
newnode2.innerHTML="韦小宝";
newnode.appendChild(newnode2);
var newnode3=document.createElement("td");
newnode3.innerHTML= "<a href='javascript:' onclick='lete(this)'>删除</a>";
newnode.appendChild(newnode3);
color();
}
var list =document.getElementsByTagName("tr"); //获取所有<tr>放入数组list
for(i=1;i<list.length;i++){ //循环
list[i].onmouseover=function(){this.style.backgroundColor="red"};//设置第i行鼠标移入事件
list[i].onmouseout=function(){this.style.backgroundColor="#fff"};//设置第i行鼠标移出事件
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题