Javascriptで、document.getElementByIdについて極めて初歩的なことです。

Question

・・・<td id='a'><div id='b'></div></td></tr></table>
<script lang='javascript'>
document.getElementById('a').style.backgroundColor = '#FF0000';
//↑これはうまくいく
document.getElementById('b').innerHTML = 'test';
//↑※１とする

</script>

※1では、<div>要素で、文字列'test'が表示されることを期待して書きました。

しかし、実際には何も表示されません。

何が問題なのでしょうか？

改善方法をお教え願います。

Comments

[blackonyx]

ご提示のHTML及びJavaScriptでは、症状が再現しませんでした。（異状なく動作いたしました。）問題点は他にあるのではと思います。

Answer 1

<table>
    <tr>
    	<td id='a'>
        <div id='b'></div>
      </td>
    </tr>
  </table>
<script>
  console.log(document.getElementById('a'));
  document.getElementById('a').style.backgroundColor = '#FF0000';
  document.getElementById('b').innerHTML = 'test';

</script>

これなら動きます。
おそらくtableの開始タグ系がないとかそういったバグではないでしょうか！

Answer 2

本当に申し訳ございません。

僕の書くプログラムは無駄に複雑すぎて、要約して質問したら、正しく動作するものになっていました。

<td>内に<div>があったので、参照が違うのかと決めつけていて、その詳細をお尋ねするつもりで質問していました。

実際はこのコードをまるごとprintしているphpのほうで、エスケープ処理忘れが問題でした。

みなさま、本当にお騒がせいたしました。

Answer 3

確認しましたが、期待する結果が得られています。

ということは、jsは問題無いので、それ以外が原因かと思います。

Answer 4

document.getElementById('b').innerText = 'test';
とすれば動きませんか？