JavaScriptでクラスの4番目だけテキストを変更するにはどうすればよいでしょうか？

Question

初歩的なことで申し訳ありません。
JavaScriptでクラスの4番目だけテキストを変更する場合の処理はどのように記述すればよいでしょうか？
よろしくお願い致します。

例）

<div> <ul> <li class="sub">トマト</li> <li class="sub">いちご</li> <li class="sub">かぼちゃ</li> <li class="sub">きゅうり</li> <li class="sub">りんご</li> <li class="sub">えりんぎ</li> </ul> </div>

Answer 1

function change(){
var node = document.getElementsByTagName("li");
node[3].innerHTML = "node[3]";

こちらでいかがでしょうか。

http://www.ajaxtower.jp/js/dom/index3.html
参考にしたページです。

jqueryというものを使うともっとコードを短く書くこともできますので参考までに

Comments

[t_k_t]

こんな早くお答え頂きありがとうございます！
ちなみに、jQueryで記述するとどのようになりますでしょうか？

[退会済みユーザー]

私も先ほど登録したばかりですが解答が速くて驚いております！

$( セレクター ).click(function(){
$('ul li:nth-child(3)').text('書き換え');
　$('ul li:nth-child(3)').html('書き換え');
});
等でできるとおもいます。

javascriptのコードもそうですがセキュリティにもかかわってきますので
おいおいそのあたりもご注意ください。
https://app.codegrid.net/entry/security-xss

[t_k_t]

遅くなりましたがご回答ありがとうございます！
jQueryが楽しくなってきました。