Onclick-Ereignis auf einer Reihe von Listenelementen

Habe ich eine Liste, und ich möchte eine Funktion erstellen, die Fett das angeklickte Listenelement. Bisher habe ich es geschafft eine Funktion zu erzeugen und zuweisen von Listenelementen. Onclick, ist es Fett, aber nur ein Element. Ich weiß nicht, wie Sie es für jedes Element.

Hätte ich id zu Fett die Elemente, aber es wird eine Menge von Elementen in der Liste. Ich kann nicht mit jedem einer von Ihnen.

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;
}

Es Fett nur Liste[0]. Wie kann ich es einstellen Fett der angeklickten Listenelements?

jsfiddle

InformationsquelleAutor akinuri | 2013-06-23
Schreibe einen Kommentar