onclick事件求助-有解無憂

<!Document html>
<html>
<head>
<style>
div｛border:1px solid black;
display:none｝
</style>
</head>
<body>
<ul>
<li id="li1">
登錄
</li>
<ul>
<div id="div1">
<form action="login.php" method="post">
賬號： <input type="text" name="userid">
密碼： <input type="password" name="pwd">
<input type="submit" value="https://bbs.csdn.net/topics/登錄">
</form>
</div>
<script>
var x=document. getElementById("div1");
var y=document. getElementById("li1");
y.onclick=function(){
x. style. display="block";
}
</script>
</body>

</html>
這段代碼的目的是我去點擊li元素會有div盒子顯示出來，由于代碼是手打的可能有錯，我想問這個思路有問題嗎？我用這段代碼試驗了一下，點擊時onclick事件并沒有觸發，這是什么原因？

uj5u.com熱心網友回復：

js代碼沒問題，
問題 css 中的 {} 用的是全角字符。
導致css樣式沒有生效，div初始沒有隱藏

uj5u.com熱心網友回復：

參考 1 樓天際的海浪的回復:

js代碼沒問題，
問題 css 中的 {} 用的是全角字符。
導致css樣式沒有生效，div初始沒有隱藏

這代碼是用手機打的，所以有格式問題，我在電腦上點開網頁表單是被隱藏了的，但是點擊后onclick事件沒有觸發，表單也沒有顯示出來

uj5u.com熱心網友回復：

參考 2 樓只有可靠的回復:

Quote: 參考 1 樓天際的海浪的回復:
js代碼沒問題，
問題 css 中的 {} 用的是全角字符。
導致css樣式沒有生效，div初始沒有隱藏

這代碼是用手機打的，所以有格式問題，我在電腦上點開網頁表單是被隱藏了的，但是點擊后onclick事件沒有觸發，表單也沒有顯示出來

但是你發的這個代碼就只有 {}是全角字符這一個錯誤，可能你電腦上網頁還有這樣類似的全角字符錯誤。

uj5u.com熱心網友回復：

你的style里面應該是#div1{} ,#丟了？

uj5u.com熱心網友回復：

參考 4 樓 tian_guanglei的回復:

你的style里面應該是#div1{} ,#丟了？

我直接選的標簽名，不是id名

uj5u.com熱心網友回復：

電腦試了一下，代碼沒有問題，思路對。實作了

uj5u.com熱心網友回復：

參考 6 樓 tian_guanglei的回復:

電腦試了一下，代碼沒有問題，思路對。實作了

我實作不了是怎么回事？一個頁面只有登錄兩個字，表單怎么點都點不出來

uj5u.com熱心網友回復：

我這邊實作了啊，思路沒有問題啊。你可以y.onclick=function(){consloe.log("111");}后臺輸出一下，看能不能觸發這個點擊事件。

uj5u.com熱心網友回復：

console.log()上邊打錯了

uj5u.com熱心網友回復：

瀏覽器F12打斷點看呀，或者方法里打日志

uj5u.com熱心網友回復：

你把代碼截圖發出來看看。

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/86918.html

標籤：JavaScript

上一篇：Ajax請求php檔案回傳json陣列

下一篇：求助，寫音樂播放器時，播放完自動切換下一首都會報這個錯咋整