リストがあり、クリックしたリスト項目を太字にする関数を作成したいと考えています。これまでのところ、関数を作成してリスト項目に割り当てることができました。クリックすると、太字になりますが、1 つの項目だけです。各項目の設定方法がわかりません。
id を使用してアイテムを太字にすることもできましたが、リストには多くのアイテムが表示されます。その一つ一つに向き合えない。
html
<ul>
<li>apple</li>
<li>orange</li>
<li>banana</li>
</ul>
JavaScript
var list = document.getElementsByTagName("li");
function markSelection() {
if(list[0].style.fontWeight !== "bold") {
list[0].style.fontWeight = "bold";
} else {
list[0].style.fontWeight = "normal";
}
}
for (i = 0, len = list.length; i < len; i++){
list[i].onclick = markSelection;
}
list[0] のみを太字にしています。クリックしたリスト項目を太字にするにはどうすればよいですか?