javascript-带淡入的innerHTML

使用以下代码行：

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

是否可以添加.fadeIn（“慢”）功能？我希望新文本淡入。

使用js+CSS。 通过CSS转换，它将淡入

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

你的js：

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

您的CSS：

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

---

有点像黑客，但你可以这样做：

我们使用CSS转换的地方

<button class='add'>Add text</button>
<button class='clear'>Clear text</button>
<div id="myDiv"></div>

以及：

---

就这样结束了：

$("div.col-lg-6").replaceWith(function() {
return $(txt).hide().fadeIn(1000);});

---

您正在使用jQuery吗？我不这么认为，只是javascript。但是

document.getElementById（“myDiv”）.innerHTML将返回字符串对象。无法访问函数，因此无法链接
.fadeIn（）
方法。如果这就是你要问的。有没有可能。。。对怎么做。。。这取决于你使用什么，你想怎么做，等等。使用
fadeIn（'slow'）
函数的唯一方法是使用库。标签没有提到css。具体一点，尽管你可以在他的评论中看到，作者不知道他自己是否使用jquery或只是javascript，所以我认为他没有意识到CSS有这种可能性。那是因为我想帮助他，并且用了我的大脑。cari我不是故意粗鲁的。我知道你帮助了那个人。干杯：）这对多项选择不起作用。也就是说，如果选择更改，颜色不会褪色。如果您使用jQuery，为什么在评论中说您没有使用它？只需使用
$（'mydiv'）.text（txt）.fadeIn（'slow'）在这种情况下。
var myDiv = document.querySelector("#myDiv");

document.querySelector(".add").addEventListener('click', function() {
  myDiv.textContent = "Fade magic";
  myDiv.classList.add('show');
}, false);

document.querySelector(".clear").addEventListener('click', function() {
  myDiv.classList.remove('show');
}, false);

$("div.col-lg-6").replaceWith(function() {
return $(txt).hide().fadeIn(1000);});