[Homework] JavaScript Basics - JavaScript DOM & Events - Problem {3} - Hide Odd Rows - изпълнение на кода

Hristo_Penchev 389 Точки

[Homework] JavaScript Basics - JavaScript DOM & Events - Problem {3} - Hide Odd Rows - изпълнение на кода

Явно имам трудности с работата с DOM дървото, затова продължавам да питам.

Тук е HTML - както е даден в условието:

http://pastebin.com/Ud8vJkqR

Ето и скрипта:

http://pastebin.com/6HcBdc41

Поради някаква причина, функцията не се извиква при кликване, ами направо тръгва. Обаче нищо не прави. Цикълът се върти, но не се променят стиловете. Направо не мога да разбера какво става. Ще съм благодарен ако някой ми помогне. Благодаря предварително!

Тагове:

20/11/2014 15:17:54 JavaScript Fundamentals

AleksandurSeferinkin 333 Точки

document.getElementById('btnHideOddRows').onclick = hideOddRows();

В момента дефинираш onclick не със стойността на hideOddRows, а със резултата от изпълнението му. Махни скобите след името и ще се оправи.

Също така не бъркай 'visibility: hidden' със 'display: none'! :D

PS: Функциите, без значение къде и как са дефинирани, представляват обикновени обекти, които достъпваме чрез името на функцията. Скобите, поставени директно след името на обекта(не говорим за дефиницията му), предизвикват моментално изпълнение на функцията(при условие, че обектът е от тип функция, разбира се).

20/11/2014 17:33:06 20/11/2014 17:51:39

Hristo_Penchev 389 Точки

Благодаря ти. Вече работи.

20/11/2014 18:56:25