js中怎么更改transform的值

来源：互联网 2023-03-17 00:01:00 版权归原作者所有，如有侵权，请联系我们

js中怎么更改transform的值，transoform是其中一种CSS样式，可以进行对图形或者文字旋转，如果我们要修改这个值，可以用JS，因为JS可以动态来修改，这样更加丰富页面的功能。

js中怎么更改transform的值

工具/原料

打开sublime text3编辑器，新建一个HTML文档。

js中怎么更改transform的值

建造一下HTML的基本架构。

js中怎么更改transform的值

创建一个CSS文档，并且关联HTML文档。

现在我们为DIV设置样式。

js中怎么更改transform的值

现在我们创建一个按钮，要求按钮按了以后图形会变形。

js中怎么更改transform的值

新建一个JS文档，并且关联HTML文档，再在BUTTON标签里面加入onclick="transform()"监听事件。

js中怎么更改transform的值

function transform(){

var tsf = document.getElementById("div");

var degree = "15deg";

tsf.style.transform = "rotate(" degree ")";

}

这个时候我们完善一下函数，现在点击一下就能更改transform的值了。

js中怎么更改transform的值

6本页面未经授权抓取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！