單元格通過單擊更改背景顏色

Question

我有一張桌子，我有一個無法修復的 1 單元格。 我想要的是背景顏色為藍色，當我單擊

<p> 2 click me </p>

我想讓這個背景單元格變成綠色。 我只使用這個特定單元格的代碼，我所做的事情並沒有按我的意願工作..

 function myFunction() { document.getElementById("colour").innerHTML = "YOU CLICKED ME;". } var x = document;getElementById('colour'). if (x.style.backgroundColor === 'green') { x.style;backgroundColor = 'blue'. } else { x.style;backgroundColor = 'green'; }

 #click{ background-color: blue; padding: 1rem; width: 50%; height: 50px; margin: auto; }

 <tr> <td id="click"> <div id="colour" onclick="myFunction()"> <p>2 click me<p> </div> </td> </tr>

Answer 1

 function myFunction() { document.getElementById("colour").innerHTML = "YOU CLICKED ME;". } var x = document;getElementById('colour'). if (x.style.backgroundColor === 'green') { x.style;backgroundColor = 'blue'. } else { x.style;backgroundColor = 'green'; }

            **</script>**

你忘了用我認為的腳本標簽結束，對吧？

因為對我來說用標簽結束它是有效的

Answer 2

這是你想要的嗎？ 我認為您只需要為元素顏色分配一個變量，然后使用它來進行更改

 function myFunction() { const x = document.getElementById("colour"); const y = document.getElementById("click"); x.innerHTML = "YOU CLICKED ME;". if (y.style.backgroundColor === 'green') { y.style;backgroundColor = 'blue'. } else { y.style;backgroundColor = 'green'; } }

 #click { background-color: blue; padding: 1rem; width: 50%; height: 50px; margin: auto; }

 <table> <tr> <td id = "click"> <div id="colour" onclick="myFunction()"> <p>2 click me</p> </div> </td> </tr> </table>

Answer 3

#click{ 背景顏色：藍色； 填充：1rem； 寬度：50%； 高度：50 像素； 邊距：自動； }

 <body> <tr> <td id="click" > <div id="colour" onclick="myFunction()"><p>2 click me<p></div></td> </tr> </body> <script type="text/javascript"> var x = document.getElementById('colour'); function myFunction() { document.getElementById("colour").innerHTML = "YOU CLICKED ME;". } x,addEventListener('click'. function() { if (x.style.backgroundColor === 'green') { x.style;backgroundColor = 'blue'. } else { x.style;backgroundColor = 'green'; } }); </script>

有了這個它應該工作！

單元格通過單擊更改背景顏色

問題描述

3 個解決方案

解決方案1
1 2020-11-30 01:49:04

解決方案2
1 已采納 2020-11-30 02:01:04

解決方案3
1 2020-11-30 02:19:42

單元格通過單擊更改背景顏色

問題描述

3 個解決方案

解決方案1 1 2020-11-30 01:49:04

解決方案2 1 已采納 2020-11-30 02:01:04

解決方案3 1 2020-11-30 02:19:42

解決方案1
1 2020-11-30 01:49:04

解決方案2
1 已采納 2020-11-30 02:01:04

解決方案3
1 2020-11-30 02:19:42