Javascript 更新div内容时遇到的问题

作为Javascript的新手，我觉得这门语言并不容易。下面的代码在两个div之间消失。在淡入淡出的过程中，我想更改每个div的内容。虽然我可以成功地更新CSS参数，但我一直无法更新内容。也许有人能帮上忙：

#自行车手{
位置：相对位置；
}
#单车组{
位置：绝对位置；
z指数：1；
背景颜色：白色
}
#单车组p{
字体大小：60px；
颜色：黑色；
保证金：0；
}
#自行车驾驶室激活{
z指数：3
}
#自行车img{
显示：块
}
$（窗口）。加载（函数（）{
setInterval（'divCycler（）'，3000）；
});
功能分频器（e）{
var$active=$（'#cycler.active'）；
var$next=（$active.next（）.length>0）？$active.next（）：$（“#cycler div:first”）；
$next.css（'z-index'，2）；
$active.fadeOut（1500，函数（）{
$active.css（'z-index'，1）.show（）.removeClass（'active'）；
$active.innerHTML=“新建HTML文本”；//此行不起作用！！！！！！！！！！！
$active.css（'background-color'，'red'）；
$next.css（'z-index'，3）.addClass（'active'）；
});
}
测试消息1

测试消息2

是因为

$active

是一个jQuery对象，而不是DOM元素，要解决您的问题，请使用：

$active[0].innerHTML = "New HTML Text";

或者，对于jQuery本身：

$active.html("New HTML Text");

使用

.html（）

而不是

innerHTML

        $active.html("New HTML Text"); // This Line is not working

---

注意：避免使用

eval

字符串。更改

setInterval（'divCycler（）'，3000）至
设置间隔（分频器，3000）请考虑对现有的答案添加一些反馈，如果有人帮助您检查绿色标记接受它
        $active.html("New HTML Text"); // This Line is not working