? ? window.onload = function() {

? ? ? ? //為當(dāng)前所有A標(biāo)簽綁定刪除事件

? ? ? ? remove();

? ? ? ? //改變背景顏色

? ? ? ? changeBgcolor();

? ? ? ? document.getElementsByTagName("input")[0].onclick = function() {

? ? ? ? ? ? addElement();

? ? ? ? ? ? //這里很關(guān)鍵，為新增的元素綁定相關(guān)事件

? ? ? ? ? ? remove();

? ? ? ? ? ? changeBgcolor();

? ? ? ? }

? ? ? ? //增加元素??

? ? ? ? function addElement() {

? ? ? ? ? ? var newtr = document.createElement("tr");

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

? ? ? ? ? ? var main = document.getElementsByTagName("tbody")[0];

? ? ? ? ? ? var lastTxt = first(last(main)).innerHTML;

? ? ? ? ? ? var lastNum = lastTxt.substring(lastTxt.length - 1);

? ? ? ? ? ? td1.innerHTML = "xh00" + (parseInt(lastNum) + 1);

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

? ? ? ? ? ? td2.innerHTML = "楊小二";

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

? ? ? ? ? ? var a = document.createElement("a");

? ? ? ? ? ? a.innerHTML = "刪除";

? ? ? ? ? ? a.href = "javascript:;";

? ? ? ? ? ? td3.appendChild(a);

? ? ? ? ? ? newtr.appendChild(td1);

? ? ? ? ? ? newtr.appendChild(td2);

? ? ? ? ? ? newtr.appendChild(td3);

? ? ? ? ? ? document.getElementsByTagName("tbody")[0].appendChild(newtr);

? ? ? ? }

? ? ? ? ?//計算最后一個元素節(jié)點?

? ? ? ? function last(father) {

? ? ? ? ? ? var result = father.lastChild;

? ? ? ? ? ? while (result && result.nodeType != 1) {

? ? ? ? ? ? ? ? result = result.previousSibling;

? ? ? ? ? ? }

? ? ? ? ? ? return result;

? ? ? ? }

? ? ? ? ? //計算第一個元素節(jié)點

? ? ? ? function first(father) {

? ? ? ? ? ? var result = father.firstChild;

? ? ? ? ? ? while (result && result.nodeType != 1) {

? ? ? ? ? ? ? ? result = result.nextSibling;

? ? ? ? ? ? }

? ? ? ? ? ? return result;

? ? ? ? }

? ? ? ? ? //改變背景顏色

? ? ? ? function changeBgcolor() {

? ? ? ? ? ? var tr = document.getElementsByTagName("tr");

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

? ? ? ? ? ? ? ? tr[i].onmouseover = function() {

? ? ? ? ? ? ? ? ? ? this.bgColor = "#f2f2f2";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? tr[i].onmouseout = function() {

? ? ? ? ? ? ? ? ? ? this.bgColor = "#FFF";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? }

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

? ? ? ? function remove() {

? ? ? ? ? ? var a = document.getElementsByTagName("a");

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

? ? ? ? ? ? ? ? a[i].onclick = function() {

? ? ? ? ? ? ? ? ? ? this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? }

? ? }