使用CSS过渡设置ID的文本颜色不起作用。它只是将其更改为红色,但并没有缓解它。

document.getElementById('colourword').innerHTML =
"<span id='flash' style='color: #000; transition: color 0.5s ease-in 0.5s; -moz-transition: color 0.5s ease-in 0.5s; -webkit-transition: color 0.5s ease-in 0.5s;'>X</span>";

var flash = document.getElementById('flash');
flash.style.color = "#dd0000";


如果我在控制台中键入document.getElementById('flash').color = "000";,它将消失为黑色。

有任何想法吗?

最佳答案

就像颜色立即改变一样,它也不知道该如何改变颜色

这对我有用:

document.body.innerHTML =
"<span id='flash' style='color: #000; transition: color 0.5s ease-in 0.5s; -moz-transition: color 0.5s ease-in 0.5s; -webkit-transition: color 0.5s ease-in 0.5s;'>X</span>";

setTimeout(function() {
    var flash = document.getElementById('flash');
    flash.style.color = "#dd0000";
},0);

10-07 21:24