javascript 中怎么设置table的单元格可读可写，从而做到为单元格赋值。

JavaScript018

javascript 中怎么设置table的单元格可读可写，从而做到为单元格赋值。,第1张

table单元格本来就可读可写啊，比如table的id是 'tblA'，你要读他第3行第4列内容，就是

var txt = document.getElementById('tblA').rows[2].cells[3].innerHTML

这个txt就是你要的内容

要写它的这个格子的内容，就是

document.getElementById('tblA').rows[2].cells[3].innerHTML = "你要设置的内容"

rows 和 cells 索引是从0开始

要加一列，就是

var row = document.createElement("tr")

var cell = document.createElement("td")

row.appendChild(cell)

//... 有几列create几个，都append进去

document.getElementById('tblA').appendChild(row)

要删第三行，

var row = document.getElementById('tblA').rows[2] ；

row.parentNode.removeChild(row)

第一步，打开HBuilder开发工具，在指定的Web项目中新建静态页面init.html，并引入Bootstrap和AngularJS相关的文件

第二步，在body元素添加ng-controller指令，并在里面添加<table></table>

第三步，在<script></script>里编写AngularJS初始化函数，并声明控制器

第四步，预览该静态页面，在浏览器查看页面效果，显示一个输入框和按钮

第五步，在控制器中添加变量model，这个变量赋值数组

第六步，在表格table循环model变量，遍历该数组并给表格赋值

注意事项

注意AngularJS动态获取表格数据

注意AngularJS动态赋值

给你说下思路，

document.getElementById("top").rows.length可以获得top表的行数

document.getElementById("top").rows[0].cells.length可以获得top表的第一行的列数

document.getElementById("top").rows[0].cells[0].offsetWidth可获得top表第一行第一列的实际宽度，（注意，这个是只读的！）

所以

for(var i=0i<document.getElementById("top").rows[0].cells.lengthi++)

{

document.getElementById("buttom").rows[0].cells[i].width=document.getElementById("top").rows[0].cells[i].offsetWidth

}

希望对你有帮助！