Простая функция javascript undefined error

Проще говоря, я продолжаю получать ссылку на Noclear ReferenceError, в которой указано, что openSideBar не определен. Я не могу понять, почему.Простая функция javascript undefined error

<head> 
<script> 
    document.getElementById('openSideBarButton').addEventListener ("click", openSideBar); 

    function openSideBar() { 
     document.getElementById('sideBar').style.width "100%"; 
    } 

    function closeSideBar() { 
     document.getElementById('sideBar').style.width "0%"; 
    } 

    </script> 
</head>

источник

2016-10-29 scott fuller

Используйте знаки равенства для присваивания 'document.getElementById ('sideBar'). Style.width =" 100% ";' –

Я ненавижу себя. Это было так. Затем следует нулевой оператор, потому что мой php включал скрипт перед фактическим элементом. так исправлено это тоже. Пора выяснить, как вернуть полчаса, потраченного впустую, пытаясь понять это. –

@Scott, не могли бы вы принять ответ, который вам больше всего нравится? –

Ваш скрипт в <head> части страницы и попытки document.getElementById('openSideBarButton'), но этот элемент не существует, что в начале страницы.

Переместите свой скрипт где-нибудь на странице после кнопки, чтобы кнопка существовала до запуска вашего скрипта.

Сторона примечания: Вам также не хватает знака равенства в каждой из ваших функций.

Рабочая версия:

<script> 
    document.getElementById('openSideBarButton').addEventListener ("click", openSideBar); 

    function openSideBar() { 
     document.getElementById('sideBar').style.width = "100%"; 
    } 

    function closeSideBar() { 
     document.getElementById('sideBar').style.width = "0%"; 
    } 

    </script> 
</body>

Обратите внимание, что непосредственно перед закрывающим тегом </body>, а не в головной части страницы.

источник

2016-10-29 20:02:23 Paulpro

Простая функция javascript undefined error

ответ

Смежные вопросы