JavaScript中元素样式更改的回调

暮光之城

抱歉,我对Javascript的了解很少,但我真的想问一下:我有以下CSS规则:

.myClass {
    transition: .3s all;
 }

然后在js中<script>

[node].style.transform = "translateX(-100px)";
[node].className = "myClass";

// do stuffs for transition end event

我不明白为什么对移动节点离开100像素的过渡效果。Javascript代码逐行执行不是真的吗?看来setTimout([callback],10)确实解决了问题,但是为什么呢?

昆汀

我不明白为什么节点会随着过渡效果向左移动100px。Javascript代码逐行执行不是真的吗?

JavaScript逐行执行,但是浏览器在单独的线程中监视DOM的更改并批量更新。

transitionend当转变完成事件将触发。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何更改未选中元素的样式?

来自分类Dev

更改嵌套div中元素的样式

来自分类Dev

元素属性更改时的javascript回调函数

来自分类Dev

如何实现JavaScript样式的回调?

来自分类Dev

JavaScript回调样式-兑现承诺

来自分类Dev

使用fullPage.js回调更改活动元素的父级和父级父级的样式

来自分类Dev

使用fullPage.js回调更改活动元素的父级和父级父级的样式

来自分类Dev

如何使用javascript更改html中元素的顺序

来自分类Dev

如何基于类jquery回调函数更改单个元素?

来自分类Dev

JavaScript:更改类指定的元素的样式

来自分类Dev

使用JavaScript更改窗口高度的元素样式

来自分类Dev

JavaScript不会更改元素的样式

来自分类Dev

JavaScript:更改类指定的元素的样式

来自分类Dev

使用JavaScript更改窗口高度的元素样式

来自分类Dev

Javascript单击更改多元素样式

来自分类Dev

JavaScript 更改元素样式 - 出现错误

来自分类Dev

更改链表中元素的位置

来自分类Dev

更改ArrayDeque中元素的值

来自分类Dev

更改链表中元素的位置

来自分类Dev

样式渲染后的回调

来自分类Dev

Javascript数组映射“出现”以对缺少的元素执行回调

来自分类Dev

Javascript:元素onchange事件异步/等待回调

来自分类Dev

无法使用javascript回调更改主体背景颜色

来自分类Dev

当对象属性更改时,实现回调的Javascript

来自分类Dev

在javascript函数中更改元素>元素样式

来自分类Dev

JavaScript FOR循环回调

来自分类Dev

Testng JavaScript回调

来自分类Dev

JavaScript回调超时

来自分类Dev

Javascript settimeout +回调