我已經審查過這個問題，但我沒有使用角度。到目前為止，這是我的代碼：<button id='Bx' type="button" onclick='toggleClickedBuz("Bx", "#Bx")'>Bx</button><button id='By' type="button" onclick='toggleClickedBuz("Bx", "#Bx")'>By</button><button id='Bz' type="button" onclick='toggleClickedBuz("Bx", "#Bx")'>Bz</button>我的 JS 是這樣的：function toggleClickedBuz( bizStr , id ) { if(clickedBusinesses.includes(bizStr)){ // removing duplicate element from that array, dependant on button pressed clickedBusinesses = clickedBusinesses.filter( cb => cb !== bizStr ); document.getElementById( id ).style.backgroundColor='white'; }else{ // else push it to the array clickedBusinesses.push(bizStr) document.getElementById( id ).style.backgroundColor='red'; } console.log(clickedBusinesses)}
4 回答
FFIVE
TA貢獻1797條經驗 獲得超6個贊
但我收到此錯誤：
未捕獲的類型錯誤：無法讀取 null 的屬性“樣式”
盡管我的CSS中有這個：
.canvas .button-box button {
border-radius: 2px;
width: 10vw;
margin-top: 0.5vh;
background-color: whitesmoke;
}
有什么建議嗎？
撒科打諢
TA貢獻1934條經驗 獲得超2個贊
給出以下 HTML
<button id='Bx' type="button" onclick='toggleClickedBuz("Bx", "#Bx")'>Bx</button>您將#Bx作為 id 參數傳遞給切換函數。這會導致 js 調用：
document.getElementById("#Bx");但該getElementById函數不需要#前綴。嘗試將您的 HTML 更改為
<button id='Bx' type="button" onclick='toggleClickedBuz("Bx", "Bx")'>Bx</button>修復您當前的問題??
繁星點點滴滴
TA貢獻1803條經驗 獲得超3個贊
很簡單，你不需要#in toggleClickedBuz("Bx", "#Bx"). 放id無#. 該函數getElementById()已經引用了 id。所以你不需要指定使用#.
你的 HTML 應該是這樣的
<button id='Bx' type="button" onclick='toggleClickedBuz("Bx", "Bx")'>Bx</button>
<button id='By' type="button" onclick='toggleClickedBuz("Bx", "Bx")'>By</button>
<button id='Bz' type="button" onclick='toggleClickedBuz("Bx", "Bx")'>Bz</button>
慕標5832272
TA貢獻1966條經驗 獲得超4個贊
您不需要#在按鈕中。這么多就足夠了：
<button id='Bx' type="button" onclick='toggleClickedBuz("Bx","Bx")'>Bx</button>
<button id='By' type="button" onclick='toggleClickedBuz("Bx","Bx")'>By</button>
<button id='Bz' type="button" onclick='toggleClickedBuz("Bx","Bx")'>Bz</button>
#是一個 CSS 選擇器，用于選擇 HTMLid元素。您可以通過以下方式在 CSS 中引用它們：
#Bx {
color: #AAAAAA;
}
- 4 回答
- 0 關注
- 156 瀏覽
添加回答
舉報
0/150
提交
取消