2

私はかなり馬鹿であることが明らかになりました-このコードの上の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タブを使用していますが、それは問題にはなりません。

@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';

BlahBlah-残りすべて..

体内で

<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>
4

3 に答える 3

0

TR.innerHTML は IE では書き込み可能ではないため、コードは IE では失敗します。

テーブル行には DOM API を使用する必要があります

document.getElementById('tr1').insertCell(myCell);
于 2010-05-06T02:23:45.803 に答える
0

ここでは、動作するコードの例を見ることができます。 http://www.w3schools.com/js/tryit.asp?filename=try_dom_tablerow_cells

于 2010-05-06T01:26:45.167 に答える
0

「このプロパティは、読み取り専用である次のオブジェクトを除くすべてのオブジェクトに対して読み取り/書き込み可能です: COL、COLGROUP、FRAMESET、HEAD、HTML、STYLE、TABLE、TBODY、TFOOT、THEAD、TITLE、TR。」

「前の値の代わりに DHTML 式を使用できます。」

http://msdn.microsoft.com/en-us/library/ms533897.aspx

于 2010-05-06T01:27:24.347 に答える