我無法獲取JavaScript來切換我的登錄下拉列表。 為什么javascript無法連接到我的html？

Question

我檢查並重新檢查了我的腳本鏈接，但它未連接到html。 我一定在做錯事，但看不到。

我正在嘗試將javascript連接到“登錄”按鈕，以便它顯示和隱藏登錄表單。 '''

<script type="text/javascript" src="/js/script.js"></script>

 function myFunction() { document.getElementsById("myDropdown").classList.toggle("show"); } window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown_content"); var i; for (i = 0; i < dropdowns.lenth; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } 

  <div id="login"> <ul class="login_signup"> <li class="dropdown"> <button onclick="myFunction()" class="dropbtn"> Log in <span>▼</span> </button> <div id="myDropdown" class="dropdown_content"> <form> <fieldset id="inputs"> <input id="username" type="email" name="Email" placeholder="Your email address" required> <input id="password" type="password" name="Password" placeholder="Password" required> </fieldset> <fieldset id="actions"> <input type="submit" id="submit" value="Log in"> <label><input type="checkbox" checked="checked"> Keep me signed in</label> </fieldset> </form> </div> </li> <li id="signup"> <a href="">Sign up</a> </li> </ul> </div> 

我想將此js連接到html中的登錄按鈕。

Answer 1

該函數是getElementById()而不在元S S，因為可以有與給定的ID只有一個元素

另外，如果要使用相對路徑，則應從src="/js/script.js"刪除/ 。 /表示從Web服務器的根路徑開始，沒有它表示從當前所在的文件開始搜索文件。

 function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown_content"); var i; for (i = 0; i < dropdowns.lenth; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } 

  <style> .dropdown_content { display: none; } .show { display: inherit !important; } </style> <div id="login"> <ul class="login_signup"> <li class="dropdown"> <button onclick="myFunction()" class="dropbtn"> Log in <span>▼</span> </button> <div id="myDropdown" class="dropdown_content"> <form> <fieldset id="inputs"> <input id="username" type="email" name="Email" placeholder="Your email address" required> <input id="password" type="password" name="Password" placeholder="Password" required> </fieldset> <fieldset id="actions"> <input type="submit" id="submit" value="Log in"> <label><input type="checkbox" checked="checked"> Keep me signed in</label> </fieldset> </form> </div> </li> <li id="signup"> <a href="">Sign up</a> </li> </ul> </div> 

Answer 2

您可以將javascript路徑從src="/js/script.js"更改為src="./js/script.js" 。

Answer 3

嘗試

src="js/script.js"

要么

src="../js/script.js"

如果可以共享您的文件夾結構，我可以更新我的答案