javascript - 淡入的innerHTML

Question

使用以下代码行：

document.getElementById("myDiv").innerHTML=txt;

是否可以添加 .fadeIn("slow" ) 函数？我希望新文本淡入。

Answer 1

用js+CSS来做。通过 CSS 过渡，它会淡入。

您需要将字体颜色设置为背景颜色。首先更改内容，然后将颜色更改为正常字体颜色。

你的js：

document.getElementById("myDiv").innerHTML=txt;
document.getElementById("myDiv").style.color = "#333333";

你的CSS：

#myDiv {
    color: #ffffff;
    transition: color 2s ease 0s;
}