0

私はDIVを持っており、divの中にテーブルがあります。javaスクリプトを使用して、テーブルの列の値の1つを変更したい。列の要素IDを取得することでそれを行うことができますが、テーブルの列に割り当てられたIDはありません。以下に例を示します。

<div id="usersec">
<TABLE style="TEXT-ALIGN: center; WIDTH: 279px; HEIGHT: 70px">
<TBODY>
<TR>
<TD style="FONT-FAMILY: Verdana" vAlign=center align=middle>Talk to me </TD></TR></TBODY></TABLE>
</div>

javascript を使用して「Talk to me」テキストを変更することは可能ですか?

4

3 に答える 3

1

ユーザーベースが IE8+ の場合、以下を安全に使用できますquerySelector。

var container = document.getElementById('usersec');
var td = container.querySelector('tr:first-child > td');
if(td){
  td.innerHTML = "New Text!";
}

ここにJSFIDDLEがあります：http://jsfiddle.net/rgthree/YkhwE/

querySelector(またはquerySelectorAll) CSS 構文を介して DOM 内の要素をターゲットにすることができます。これは非常に便利です。現在および以前のすべてのブラウザーで、非常によくサポートされています。（ Can I Use経由）

于 2013-03-28T14:49:42.597 に答える
1

はい、要素を取得してから、新しい値を に設定する必要がありますelement.innerHTML。id変更したい要素に を与えると最も簡単ですが、その必要はありません

jsフィドル

<script type="text/javascript">
    var usersec = document.getElementById('usersec');
    var td = usersec.getElementsByTagName('td')[0];
    td.innerHTML = 'New value';
</script>
于 2013-03-28T14:46:49.360 に答える
0

TD に ID を割り当てて、それを使用できます。

<div id="usersec">
<TABLE style="TEXT-ALIGN: center; WIDTH: 279px; HEIGHT: 70px">
<TBODY>
<TR>
<TD style="FONT-FAMILY: Verdana" vAlign=center align=middle id="cellToChange">Talk to me</TD>
</TR></TBODY></TABLE>
</div>

<script type="text/javascript">
document.getElementById("cellToChange").innerText = "Go on, talk to me please!";
</script>
于 2013-03-28T14:49:53.427 に答える