很明显我是个白痴 - 我的 JS 在这段代码上方有一个错误 - 抱歉打扰了 - 下面的所有形式都是正确的..(我也选择了一个在 IE 中工作的是正确答案)。感谢您的所有帮助!!
-- 仅代表代码 - 我需要知道如何更改表格行的 innerhtml --
<html>
<head>
<script> //full javascript declaration - function call after page loads..
function ()
{
document.getElementById('tr1').innerHTML='<td>Test</td>'; // does not work..
document.getElementByTagNames('tr')[0].innerHTML='<td>Test</td>'; // does not work..
document.getElementById('div2').getElementsByTagNames('tr')[0].innerHTML='<td>Test</td>'; //does not work..
document.getElementById('div1').div2.tr1.innerHTML='<td>Test</td>'; //nope
}
</script>
</head>
<body>
<div id='div1'>
<div id='div2'>
<table>
<tr id='tr1'></tr>
</table>
</div>
</div>
</body>
</html>
感谢帮助
让我澄清一下。我有 400 行动态生成的 HTML/JS/Jquery 代码，所以我将简化为有问题的部分
当正文加载时调用此函数:
function loadinitialData()
{
$('#tabs').tabs();
document.getElementById('tr0').innerHTML = '<td>John Doe</td><td>3.988000</td><td>Candidate Doe</td>';
document.getElementById('tr1').innerHTML = '<td>Jane Doe</td><td>5.796000</td><td>Candidate Doe</td>';
}
这是在正文中:
<div id="tabs" class="ui-corner-top">
<ul>
<li><a href="#tabs-1">Some Idiots</a></li>
<li><a href="#tabs-2">Other Idiots</a></li>
</ul>
<div id="tabs-1">
<table width="590px" cellpadding="4px" rules="groups" frame="void" bordercolor="white">
<tr><td>Name</td><td>Time Taken</td><td>Something</td></tr>
<tbody>
<tr style='font-size:12px' id='tr0'></tr><tr style='font-size:12px' id='tr1'></tr></tbody></table></div>
<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
</div>
PS:使用 jquery 选项卡，但这不是问题..
Per @Gero 我尝试了以下方法: 将所有加载更改为:
document.getElementById('tablet10').rows[0].cells[0].innerHTML = 'John Doe';
document.getElementById('tablet10').rows[0].cells[1].innerHTML ='3.988000';
document.getElementById('tablet10').rows[0].cells[2].innerHTML ='Candidate Doe';
Blah Blah - 所有其他的..
在体内
<div id="tabs-1">
<table id="tablet10" width="590px" cellpadding="4px" rules="groups" frame="void" bordercolor="white">
<tr><td>Name</td><td>Time Taken</td><td>Something</td></tr>
<tbody>
<tr style='font-size:12px'><td></td><td></td><td></td></tr><tr style='font-size:12px'><td></td><td></td><td></td></tr></tbody></table></div>
根据@plodder 加载:
document.getElementById('tr0').insertCell(0).innerHTML = 'John Doe';
document.getElementById('tr0').insertCell(1).innerHTML ='3.988000';
document.getElementById('tr0').insertCell(2).innerHTML ='Candidate Doe';
剩下的等等......
和正文:
<div id="tabs-1">
<table width="590px" cellpadding="4px" rules="groups" frame="void" bordercolor="white">
<tr><td>Name</td><td>Time Taken</td><td>Something</td></tr>
<tbody>
<tr style='font-size:12px' id='tr0'></tr><tr style='font-size:12px' id='tr1'></tr></tbody></table></div>
最佳答案
代码在 IE 中会失败，因为 TR.innerHTML 在 IE 中不可写
您应该为表行使用 DOM API
document.getElementById('tr1').insertCell(myCell);
关于javascript - 更改嵌套 div 标记中元素的 innerHTML，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2777824/