求大神來個代碼的意思解釋一下！?。?/h1>
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 = "<input type='text'/>"; ? ?
tr.appendChild(td); ? ?
? ?
td = document.createElement("td");
? ?
td.innerHTML = "<input type='text'/>"; ? ?
tr.appendChild(td); ? ?
? ?
td = document.createElement("td");
? ?
td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>刪除</a>"; ? ?
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;
? ?
trs = tbody.getElementsByTagName('tr'); ? ?
for(var i =1;i<trs.length;i++){ ? ?
trs[i].onmouseover = function(){ ? ?
this.style.backgroundColor ="#f2f2f2"; ? ?
} ? ?
trs[i].onmouseout = function(){ ? ?
this.style.backgroundColor ="#fff"; ? ?
} ? ?
} ? ?
}? ? ?
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 = "<input type='text'/>"; ? ?
tr.appendChild(td); ? ?
? ?
td = document.createElement("td"); ? ?
td.innerHTML = "<input type='text'/>"; ? ?
tr.appendChild(td); ? ?
? ?
td = document.createElement("td"); ? ?
td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>刪除</a>"; ? ?
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; ? ?
trs = tbody.getElementsByTagName('tr'); ? ?
for(var i =1;i<trs.length;i++){ ? ?
trs[i].onmouseover = function(){ ? ?
this.style.backgroundColor ="#f2f2f2"; ? ?
} ? ?
trs[i].onmouseout = function(){ ? ?
this.style.backgroundColor ="#fff"; ? ?
} ? ?
} ? ?
}? ? ?
2016-05-14
你的代碼有誤，正確的代碼應(yīng)為：
<script type="text/javascript">
?? ??? ??? ?window.onload = function() {
?? ??? ??? ??? ?var tr = document.getElementsByTagName("tr");
?? ??? ??? ??? ?for (var i = 0; i < tr.length; i++) {
?? ??? ??? ??? ??? ?bgcChange(tr[i]);
?? ??? ??? ??? ?}
?? ??? ??? ??? ?// 鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
?? ??? ??? ?}
?? ??? ??? ?function bgcChange(obj) {
?? ??? ??? ??? ?obj.onmouseover = function() {
?? ??? ??? ??? ??? ?obj.style.backgroundColor = "#f2f2f2";
?? ??? ??? ??? ?}
?? ??? ??? ??? ?obj.onmouseout = function() {
?? ??? ??? ??? ??? ?obj.style.backgroundColor = "#fff";
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ??? ?// 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；
?? ??? ??? ?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 + "個學(xué)生";
?? ??? ??? ??? ?
?? ??? ??? ??? ?var del = document.createElement("td");
?? ??? ??? ??? ?del.innerHTML = "<a href='javascript:;' onclick='del(this)' >刪除</a>";
?? ??? ??? ??? ?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 < tr.length; i++) {
?? ??? ??? ??? ??? ?bgcChange(tr[i]);
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ??? ?// 創(chuàng)建刪除函數(shù)
?? ??? ??? ?function del(obj) {
?? ??? ??? ??? ?var oTr = obj.parentNode.parentNode;
?? ??? ??? ??? ?oTr.parentNode.removeChild(oTr);
?? ??? ??? ?}
?? ??? ?</script>