單擊輸入后更改文本顏色
[英]Changing text color after input is clicked
問題描述
我只使用 css 創建了一個更改背景顏色按鈕，我面臨的問題是背景顏色更改后文本保持相同顏色。
標簽的 ID 是用於更改背景的“開關”。 文本的 ID 是“par”。
這是我嘗試過的：
document.getElementById("switch").onclick = function() {
document.getElementById("par").style.color = 'red';
}
我首先放了一條警報消息以測試它是否正常工作，當我單擊輸入按鈕時，消息框警報出現了。 然而，當我用上面的代碼替換警告框時，我的文本保持相同的顏色。
有什么建議嗎？
1 個解決方案
解決方案1
2 2022-06-14 20:12:37
document.getElementById("switch").addEventListener("click", ()=>{ document.getElementById("par").style.color = 'red'; });
#switch{ height : 100px; width : 100px; background-color : orange; opacity;0.25; }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="switch"> <p id="par">foo bar </p> </div> </body> </html>
document.getElementById("switch").addEventListener("click", ()=>{
document.getElementById("par").style.color = 'red';
});
jQuery 元素在單擊時不會更改文本顏色
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.