Javascript 如何获取除数字外的所有文本的内联样式条？

如何获得内联样式并剥离所有文本，以便计算一个数字来替换样式？我创建了一个旋转按钮，可以将div旋转45%。而不是使用

     document.getElementById('toRotate').style.transform += "rotate(45deg)";

这将在每次单击im tryng时为样式添加一个额外的旋转，以获取样式的旋转编号，并向其添加45，然后替换数量，这样我就不会以此结束

    <div style="transform:rotate(0deg); transform:rotate(45deg); transform:rotate(45deg) " id="toRotate" class="mydiv">My Div</div>

.mydiv{
背景颜色：蓝色；
宽度：150px；
高度：150像素；
浮动：左；
颜色：#ffffff；
}
#旋转按钮{
宽度：80px；
高度：60px；
浮动：左；
}

我的Div
旋转

每次单击时使用变量并添加角度

var-calAmount=0；
函数rotateMe（）{
calAmount+=45；
document.getElementById（'toRotate'）.style.transform=“旋转（“+calAmount+”deg）”；
}

.mydiv{
背景颜色：蓝色；
宽度：150px；
高度：150像素；
浮动：左；
颜色：#ffffff；
}
#旋转按钮{
宽度：80px；
高度：60px浮动：左侧；
}

我的Div
旋转

每次单击时使用变量并添加角度

var-calAmount=0；
函数rotateMe（）{
calAmount+=45；
document.getElementById（'toRotate'）.style.transform=“旋转（“+calAmount+”deg）”；
}

.mydiv{
背景颜色：蓝色；
宽度：150px；
高度：150像素；
浮动：左；
颜色：#ffffff；
}
#旋转按钮{
宽度：80px；
高度：60px浮动：左侧；
}

我的Div
旋转

你实际上离得太近了，你所需要做的就是添加“.transform”和“parseInt”，瞧

签出我的代码片段，希望你有一个美好的一天

函数rotateMe（）{
//添加.转换
var lineStyle=document.getElementById（'toRotate'）.style.transform；
var styNum=lineStyle.replace（/[^0-9]/g'）；
//添加parseInt
var-calAmount=parseInt（styNum）+45；
document.getElementById（'toRotate'）.style.transform=“旋转（“+calAmount+”deg）”；
;
}

你真的很接近了，你所需要做的就是添加“.transform”和“parseInt”，瞧

签出我的代码片段，希望你有一个美好的一天

函数rotateMe（）{
//添加.转换
var lineStyle=document.getElementById（'toRotate'）.style.transform；
var styNum=lineStyle.replace（/[^0-9]/g'）；
//添加parseInt
var-calAmount=parseInt（styNum）+45；
document.getElementById（'toRotate'）.style.transform=“旋转（“+calAmount+”deg）”；
;
}

您可以使用CSS变量（

--rotation

）来存储角度，并使用CSS中的变量作为变换值。每次单击时，获取变量的当前值，添加45并再次设置：

const rotation='--rotation'；
const toRotate=document.querySelector（“#toRotate”）；
函数rotateMe（）{
const rotate=parseInt（getComputedStyle（toRotate）.getPropertyValue（rotation））；
setProperty（旋转，${rotate+45}deg`）；
}

.mydiv{
背景颜色：蓝色；
宽度：150px；
高度：150像素；
浮动：左；
颜色：#ffffff；
--旋转：45度；
变换：旋转（var（--rotation））；
}
#旋转按钮{
宽度：80px；
高度：60px；
浮动：左；
}

我的Div
旋转

您可以使用CSS变量（

--rotation

）来存储角度，并使用CSS中的变量作为变换值。每次单击时，获取变量的当前值，添加45并再次设置：

const rotation='--rotation'；
const toRotate=document.querySelector（“#toRotate”）；
函数rotateMe（）{
const rotate=parseInt（getComputedStyle（toRotate）.getPropertyValue（rotation））；
setProperty（旋转，${rotate+45}deg`）；
}

.mydiv{
背景颜色：蓝色；
宽度：150px；
高度：150像素；
浮动：左；
颜色：#ffffff；
--旋转：45度；
变换：旋转（var（--rotation））；
}
#旋转按钮{
宽度：80px；
高度：60px；
浮动：左；
}

我的Div
旋转

确定，使用变换旋转div

函数rotateMe（）{
var lineStyle=document.getElementById（'toRotate'）.style；
var rotate=document.querySelector（'input[name=“rotate”]：checked'）。值；
var styNum=lineStyle.transform.replace（/[^0-9]/g'）；
var-calAmount=0；
var rotateScale=parseInt（document.getElementById（'rotateScale'）.value）；
如果（旋转=='右'）
{
calAmount=parseInt（styNum）+旋转刻度；
}
其他的
{
calAmount=（-rotateScale）-parseInt（styNum）；
}
document.getElementById（'toRotate'）.style.transform=“旋转（“+calAmount+”deg）”；
//控制台日志（calAmount）；
//console.log（lineStyle.replace（/[^0-9]/g'）；
}

.mydiv{
背景颜色：蓝色；
宽度：150px；
高度：150像素；
浮动：左；
颜色：#ffffff；
}
#旋转按钮{
宽度：80px；
高度：60px；
浮动：左；
}

向右旋转向左旋转







我的部门
旋转

确定，使用变换旋转div

函数rotateMe（）{
var lineStyle=document.getElementById（'toRotate'）.style；
var rotate=document.querySelector（'input[name=“rotate”]：checked'）。值；
var styNum=lineStyle.transform.replace（/[^0-9]/g'）；
var-calAmount=0；
var rotateScale=parseInt（document.getElementById（'rotateScale'）.value）；
如果（旋转=='右'）
{
calAmount=parseInt（styNum）+旋转刻度；
}
其他的
{
calAmount=（-rotateScale）-parseInt（styNum）；
}
document.getElementById（'toRotate'）.style.transform=“旋转（“+calAmount+”deg）”；
//控制台日志（calAmount）；
//console.log（lineStyle.replace（/[^0-9]/g'）；
}

.mydiv{
背景颜色：蓝色；
宽度：150px；
高度：150像素；
浮动：左；
颜色：#ffffff；
}
#旋转按钮{
宽度：80px；
高度：60px；
浮动：左；
}

向右旋转向左旋转







我的部门
旋转

为什么不将度作为数字存储在变量中，然后增加该数字？为什么不将度作为nu存储在变量中