JS的问题

Question

我要在table里面id为tr1的地方插入内容，如何做？
<table border="1">
<tr>
<td>投票项目</td><td align="right">{$titlename}</td>
</tr>
<tr>
<td>&nbsp;发起人</td><td align="right">{$authorname}</td>
</tr>
<tr>
<td>投票内容</td><td></td>
</tr>
<tr id="tr1"></tr>
</table>tablejavascriptgetElementById

Answer 1

document.getElementById("tr1").innerHTML = '你的内容';

Answer 2

我这样子写不行么？
<script type="text/javascript">
window.onload = function() {    var trid = document.getElementById('tr1');
    for (i = 0; i < 3; i++) {
        trid[i].innerHTML="a";
    }
}
</script>

Answer 3

你这写法就有问题，id在页面中必须唯一，getElementById获取的是单个对象不是集合；你那个到底是想做什么呢？var trid = document.getElementById('tr1');
    for (i = 0; i < 2; i++) {
        trid.innerHTML="<td>a</td>";
    }
这样试试

Answer 4

写错
var trid = document.getElementById('tr1');
    for (i = 0; i < 2; i++) {
        trid.innerHTML+="<td>a</td>";
    }

Answer 5

<script type="text/javascript">
        window.onload = function () {
            document.getElementById("tr1").innerHTML = "<td colspan='2'>你的内容</td>";
            //document.getElementById("tr1").innerHTML = "<td>你的内容</td><td>你的内容</td>"; //不合并单元格的写法
        }
    </script>
代码一定要放在onload里面才会执行，具体原因还不清楚，有懂的还望指教下

Answer 6

您说的id要唯一，我这里的id就是唯一的吧，tr1，其他地方都没有啊

Answer 7

还有一个问题就是你这种写法在ie浏览器上面支持么？为什么我在ie浏览器调试的时候出现错误了，在chrome上没有问题

Answer 8

你的trid[i]怎么可能是唯一的？

Answer 9

你用的是IE几啊 ？我在IE8上就没事啊

Answer 10

tr的innerHTML存在浏览器兼容性的问题 td就没问题 解决方法
1.采用其他结果而不是table
2.使用table的话就应该对td操作 或者取出当前table的所有信息进行替换再放回去，但table大了会有性能上的问题

Answer 11

ie下不兼容就用js的方法，通过table本身的方法动态添加列，tr的insertRow方法（方法名不对的话百度一下），但肯定有这个方法