开发者社区> 问答> 正文

Javascript获取有CSS动画的标签的属性值

/CSS中的动画:
@keyframes move{
0% {left:0px;}
100% {left:100px;}
}
//CSS样式:
.move1{
width:100px;
height:100px;
animation:move 1000ms;
-webkit-animation:move 1000ms
}
//div标签:
div id="1" class="move1"
或者
.move2{
width:100px;
height:100px;
transform:translate(100px,0px); /*x轴移动100px,y轴0px*/
-webkit-transform:translate(100px,0px);
transition: transfrom 1s;
-webkit-transition: -webkit-transform 1s;
}
//div标签:
div id="1" class="move2"

请问我该如何在Javascript中获取div标签在动画移动中的left属性?
直接documen.getElementById("1").style.left不行
webkit内核不支持currentStyle,getComputedStyle还没有试
CSS中的动画是怎么样的一个原理呢?
还请各位提供解决问题的办法或者思路
ps:我是想做一个网页上的小游戏,类似于节奏大师那种,就是一个一个方块移动到底部时按下对应的按钮完成得分,现在就是不知道怎么解决 如何知道方块到达底部 的问题

展开
收起
小旋风柴进 2016-03-17 11:13:35 2383 0
1 条回答
写回答
取消 提交回答
  • documen.getElementById("1").style.left获取的是dom对象中css值,级联样式要用window.getComputedStyle(标准浏览器)或者currentStyle(IE低版本)

    2019-07-17 19:04:53
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载