DOM3_table相关属性以及Js方法动态添加



一、table相关属性

1. table:

*      属性：

*          rows:返回表格中的所有tr的一个数组

*      方法：

*          insertRow(index):在表格中下标为index的tr之前插入一个新行,新插入的tr下标为index；

*          deleteRow(index):从表格中删除下标为index的tr

*

2. tableRow：

*      属性：

*          cells:返回tr中的所有td/th的一个数组

*          rowIndex:返回当前tr的数组下标

*      方法：

*          insertCell(index):在下标为index的td之前插入一个新td，新td下标为index；

*          deleteCell(index):删除tr中下标为index的td

*

3. tableCell:

*      属性：

*          cellIndex:返回当前td的数组下标

二、Js方法添加

1. 方式一 ：通过.增加方法

window.onload=function(){

    var
btn=document.getElementById("btn");

    btn.onclick=show;

};

function 
show(e){

    var
cell= e.target;

    alert(cell);

}

2. 方式二：通过监听

onload=function(){

    var
div=document.getElementById("div1");

    div.addEventListener("click",show,true);

    div.removeEventListener("click",show);

};

function 
show(e){

    console.log(e);

}

详细请看我的有道云笔记：

http://note.youdao.com/noteshare?id=ae0a3bd6c05955f9e5e3511c41265ef3&sub=301F93F795364D7F93B752FC377DA977