簡単に言えば、私は未知のReferenceErrorを取得し続けます。openSideBarは定義されていません。なぜ私は理解できません。シンプルなjavascript関数の定義されていないエラー
<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>
スクリプトは<head>ページのセクションとdocument.getElementById('openSideBarButton')にしようとしているが、その要素は、初期のページでその存在しません。
ボタンの後にページのどこかにスクリプトを移動し、スクリプトが実行される前にボタンが存在するようにします。
サイドノート：各機能には等号がありません。
作業バージョン：それは右の終了</body>タグの前に、代わりのページの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>
</body>
注意してください。
'document.getElementById（ 'sideBar'）という代入に等号を使用します。style.width =" 100％ "; ' –
私は自分自身が嫌いです。それはこれだった。その後、私のPHPは実際の要素の前にスクリプトを含んでいたので、null文が続きました。あまりにもそれを固定した。私はそれを笑って理解しようと浪費した30分を取り戻す方法を理解する時間。 –
@Scott、あなたは一番好きな答えを受け入れることができますか？ –