1 回答

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超7個(gè)贊
檢查.style.someProp元素的 只會(huì)為您提供直接分配給該元素的樣式屬性。由于該元素最初沒有color直接分配給它的屬性,因此.style.color在函數(shù)第一次運(yùn)行時(shí)訪問會(huì)為您提供空字符串。
我不會(huì)直接設(shè)置樣式,而是切換一個(gè)類:
function todocheckdone() {
var el = document.getElementById("task1");
el.classList.toggle('green');
}
#todosnumbering {
font-size: 18px;
top: 18px;
left: 10px;
position: absolute;
}
#task1 {
font-size: 18px;
text-align: left;
color: red;
font-size: 18px;
width: 358px;
height: 40px;
top: 16px;
left: 30px;
position: absolute;
background: white;
}
#task1.green {
color: green;
}
#todocheck1 {
top: 20px;
left: 406px;
position: absolute;
}
<button type="button" id="todocheck1" onclick="todocheckdone()">?</button>
<div id="todosnumbering">1.</div>
<textarea id="task1">THIS TEXT TOGGLES BETWEEN GREEN AND RED</textarea>
添加回答
舉報(bào)