Как реализовать функцию hide (желательно без jQuery)?

Question

[Богдан Герасименко]

Есть список:

<ul class="results" id="results">
<li class="result3">Три <a href="javascript:hide('result3')">X</a></li>
<li class="result2">Два <a href="javascript:hide('result2')">X</a></li>
<li class="result1">Один <a href="javascript:hide('result1')">X</a></li>
</ul>

Нужно чтобы при нажатии <a href="javascript:hide('result3')">X</a> скрывался элемент списка <li class="result3">...</li>. Пишу такую функцию:

function hide(nodeId) {
    var node = document.getElementByClassName(nodeId);
    if (node) { node.style.display = 'none'; } 
}

а оно не работает...

Можно ли придумать что-то проще и главное, чтобы оно работало?

Comments

[Сергей Сергей]

getElementByClassName кажется с буквой "С как доллар" пишется, и она возвращает (недо?)массив.

Answer 1

[twobomb]

https://jsfiddle.net/Lwcfbg0e/

Answer 2

[Антон]

Даже не знаю почему, но не работает из-за того, что скрипт отдельно находится(как вы выше написали).
тут не работает
а тут работает

Answer 3

[Думай Головой]

нужно писать не href а onclick

Comments

[Богдан Герасименко]

Всё-равно не работает - при нажатии ничего не происходит. У меня сам скрипт находится в отдельном файле. Может дело в этом?