CSS转换属性在通过JS函数触发时不起作用

shyt4zoc  于 2022-11-26  发布在  其他
关注(0)|答案(1)|浏览(98)

transform属性在某些情况下可以工作,但在此情况下我做错了什么:
1.创建span元素并将其放入pre标记的innerHTML中
1.范围元素具有不透明度:0,变换:2秒。
1.选择此范围元素,然后将不透明度更改为0。
1.所有这些都在一个函数中完成,如下所示:
第一个
这总是导致元素立即出现。你知道是什么问题吗?

68bkxrlz

68bkxrlz1#

第一个
我想如果你以这种方式添加它,它会做你想要的:

lineText.getElementsByTagName("span")[0].style = {
   transition:'1s',
   opacity:1
 };

或者如果它仍然不工作,我认为这是因为当javascript将“TEXT!”附加到lineText时,它也在应用样式,所以我们需要一点延迟

setTimeout(() => {
     lineText.getElementsByTagName("span")[0].style.opacity = 1;
   }, 10);

我所做的是让js在线程中完成它的任务,然后添加样式

相关问题