2016-08-12 5 views
1

私はtdテキストに変更しようとしています。しかし、私はテキストを取得するために何を追加すべきか理解できません。誰もがこれを手伝うことができますか?idを持たないでjavascriptでtdテキストを変更

私は追加しましたか? getElementByをテキストの変更に追加する必要があります。

<html> 
    <head> 
    <script> 
     $(document).ready(function() { 
      document.getElementBy?('Age').text = 'Años'; 
    }); 
    </script> 
    </head> 
    <body> 
    <table> 
    <tr> 
    <td nowrap="nowrap" class="Normal label"> Age:</td> 
    </tr> 
    </table> 
    </body> 
    </html> 

あなたの助けを歓迎します。

+0

jQueryを使用せずに、TDに行と表の両方が表示されていないようですか? – adeneo

答えて

0

テキストを検索一切getElementByXXX機能はありません。 td要素すべてをループし、現在のテキストを取得し、探しているものと比較する必要があります。

var tds = document.querySelectorAll('td'); 
[].forEach.call(tds, function(td) { 
    if (td.textContent.trim() == 'Age:') { 
     td.textContent = 'Años:'; 
    } 
}); 
+0

ありがとうございました。それはうまくいった。 –

0

ライブノード配​​列を与えるgetElementsByTagNameを使用する必要があります。

リストを反復してメソッドを呼び出します。

var tds = document.getElementsByTagName('td'); //<--- array like node list 

for(var i=0; i< tds.length; i++) { 
    var currTd = tds[i]; 

    currtd.text = 'Años'; 
} 

またtdのみtableタグ内に存在することができます。親タグ内にネストしないと、それを選択できない場合があります。

querySelectorAllを使用して要素を選択することもできます。

document.querySelectorAll('td'); 

jsFiddle

+0

試してみましたが動作しませんでした –

+0

おそらく 'text'プロパティがないからでしょうか? – adeneo

+0

テーブルタグ内に含まれていることを確認してください。

​​

関連する問題