??window.onload = function () {

? ? ? ? ? ? var tr = document.getElementsByTagName("tr");//獲取標(biāo)簽名為tr的標(biāo)簽的集合

? ? ? ? ? ? for (var i = 0; i < tr.length; i++) { ??//循環(huán)tr.length-1次，tr.length-1是獲取到的tr標(biāo)簽的個(gè)數(shù)

? ? ? ? ? ? ? ? bgcChange(tr[i]); ??//對tr標(biāo)簽執(zhí)行函數(shù)bgcChange，tr[i]作為參數(shù)，比如循環(huán)第一次，i=0,tr[0]就是第一個(gè)tr標(biāo)簽，第一個(gè)標(biāo)簽作為參數(shù)傳入bgcChange函數(shù)

? ? ? ? ? ? }

? ? ? ? ? ? // 鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。

? ? ? ? }

? ? ? ? function bgcChange(obj) { ? ? ? ??//自定義參數(shù)及參數(shù)名;

? ? ? ? ? ? obj.onmouseover = function () { ? ?//鼠標(biāo)移到元素上出發(fā)事件；

? ? ? ? ? ? ? ? obj.style.backgroundColor = "#f2f2f2"; ?//改變鼠標(biāo)移到元素時(shí)的背景；

? ? ? ? ? ? }

? ? ? ? ? ? obj.onmouseout = function () { ? ?//鼠標(biāo)離開元素；

? ? ? ? ? ? ? ? obj.style.backgroundColor = "#fff"; ?//鼠標(biāo)離開元素背景顏色為白；

? ? ? ? ? ? }

? ? ? ? }

? ? ? ? // 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；

? ? ? ? var num = 2;//數(shù)量 ? 2行表格

? ? ? ? function add() {

? ? ? ? ? ? num++;

? ? ? ? ? ? var tr = document.createElement("tr");//創(chuàng)建一行

? ? ? ? ? ? var xh = document.createElement("td");//創(chuàng)建一單元格

? ? ? ? ? ? var xm = document.createElement("td");//在創(chuàng)建一單元格

? ? ? ? ? ? xh.innerHTML = "xh00" + num;//獲取所創(chuàng)建單元格內(nèi)容

? ? ? ? ? ? xm.innerHTML = "第" + num + "學(xué)生";//獲取所創(chuàng)建單元格內(nèi)容

? ? ? ? ? ? var del = document.createElement("td");//創(chuàng)建一單元格

? ? ? ? ? ? del.innerHTML = "<a href='javascript:;' onclick='del(this)' >刪除</a>";//獲取所創(chuàng)建單元格內(nèi)容

? ? ? ? ? ? var tab = document.getElementById("table");//獲取table的id

? ? ? ? ? ? tab.appendChild(tr);//為table添加節(jié)點(diǎn)元素“行”appendChild()指定節(jié)點(diǎn)的最后子節(jié)點(diǎn)添加子節(jié)點(diǎn)

? ? ? ? ? ? tr.appendChild(xh);//為 tr 添加子節(jié)點(diǎn)“單元格”

? ? ? ? ? ? tr.appendChild(xm);//為 tr 添加子節(jié)點(diǎn)“單元格”

? ? ? ? ? ? tr.appendChild(del);//為 tr 添加子節(jié)點(diǎn)“單元格”

? ? ? ? ? ? var tr = document.getElementsByTagName("tr");//返回帶有指定標(biāo)簽的集合；

? ? ? ? ? ? for (var i = 0; i < tr.length; i++) {

? ? ? ? ? ? ? ? bgcChange(tr[i]); ?//對tr標(biāo)簽執(zhí)行函數(shù)bgcChange，tr[i]作為參數(shù)，比如循環(huán)第一次，i=0,tr[0]就是第一個(gè)tr標(biāo)簽，第一個(gè)標(biāo)簽作為參數(shù)傳入bgcChange函數(shù)

? ? ? ? ? ? }

? ? ? ? }

? ? ? ? // 創(chuàng)建刪除函數(shù)

? ? ? ? function del(obj) {

? ? ? ? ? ? var tr = obj.parentNode.parentNode; ?//定義一個(gè)變量叫tr，tr的值為獲取到的參數(shù)的父元素的父元素，實(shí)際調(diào)用使用時(shí)，參數(shù)為a標(biāo)簽，a標(biāo)簽的父元素的父元素是tr標(biāo)簽，變量tr此時(shí)是tr標(biāo)簽

? ? ? ? ? ? tr.parentNode.removeChild(tr); ?//變量tr的父元素刪除子元素變量tr這個(gè)tr標(biāo)簽，就是刪除自己這行

? ? ? ? }