document.getElementById 的赋值效率问题

Question

比如在一个画面上 100列，300 行的时候（比较大） 我用document.getElementById("AAA").innerText="aaa" 来改变其中一个格子的值，这时候就要画面卡６秒左右才能结束为什么？

Answer 1

jquery类XPath的元素查找方式，建议

Answer 2

怎么会卡6秒呢。你最好把代码贴下，只要你的ID是有序的比如 x11y22  x12y22 x13y22 ...   你直接获取
document.getElementById("x11y22").innerHTML="aaa";应该很快的

Answer 3

对的，ID是有序的，x到300多，y到130多JS里面打了记号，反复确认了，就是
document.getElementById("xy").innerHTML="aaa";这里，会卡5-6秒的时间，我也不知道为什么

Answer 4

既然是有序的,为什么不写个转换函数直接定位到节点上?比什么都快.你可以参考下我的这个.
http://download.csdn.net/source/830207可以参考下里面的这个文件: excel\matrix.js

Answer 5

呵呵，昨天试了下用 js 动态生成一个 100列 100行 的 table，用时 34 秒，
如果 300 行滴话，至少一分半钟。看来页面元素上万以后确实影响性能。

Answer 6

单元格的确很多，我做了个测试，脚本生成单元格然后设置。但是画面没卡那么久
生成的单元格统一的格式是
<td onclick='change(this);'>脚本是
function change(obj) {
        obj.innerHTML="改了!"
        }1秒左右吧

Answer 7

为什么建议使用jquery，不明白，高手能否帮帮解释一下