js实现点击页面文字90度旋转

2024-10-16 06:35:18

1、新建一个html页面,命名为test.html,用于实现点击页面文字旋转90度。

js实现点击页面文字90度旋转

3、在js里,使用document.getElementById()方法获得文字对象,用于下面步骤对文字进行旋转。

js实现点击页面文字90度旋转

5、在rotate()函数里,使用if判断语句,当文字在水平方向上显示时,设置writ坡纠课柩ingMode属性,让它旋转90度在垂直方向上显示。

js实现点击页面文字90度旋转

7、在浏览器打开test.html文件,点击当前页面空白处,文字旋转90度显示,再次点击,文字水平方向显示。

js实现点击页面文字90度旋转
猜你喜欢