javascript - javascript : 並列 div クラスの要素 innerHTML を変更する方法

Question

html: `

<li><div class="zb_font"><font color="#FF0000"> * </font>first</div></li>
<li><div class="zb_font"><font color="#FF0000"> * </font>second</div></li>
<li><div class="zb_font"><font color="#FF0000"> * </font>third</div></li>
<li><div class="zb_font"><font color="#FF0000"> * </font>last</div></li>

`

JavaScript: function myFunc(){ var change = document.getElementsByClassName('zb_font')[3]; change.innerHTML = '4'; }

関数が呼び出されたことは確かですが、「TypeError: change is undefined」というメッセージが表示されます。

Answer 1

DOM がロードされた後に JavaScript が実行されることを確認してください。例えば：

document.onload = function() {

// your function.
};