Javascript 使用“重新计算CSS填充到其原始值的一半”;x[i].style.padding";
我不明白为什么这个代码不起作用?简言之,我查看了所有名为Javascript 使用“重新计算CSS填充到其原始值的一半”;x[i].style.padding";,javascript,css,calc,Javascript,Css,Calc,我不明白为什么这个代码不起作用?简言之,我查看了所有名为text的类,通过循环运行它,并重新计算填充值,使其为原始值的一半 也许我违反了一些我不熟悉的规则?我知道您可以使用类似于alert(document.getElementById(“myID”).style.padding)的方法来获取padding的值但我想我应该能够对一个类使用相同的方法,只要我对im目标分类;例如[0],[1],或者在我的例子中,我让循环决定 函数myFunction(名称){ var x=document.get
text
的类,通过循环运行它,并重新计算填充值,使其为原始值的一半
也许我违反了一些我不熟悉的规则?我知道您可以使用类似于alert(document.getElementById(“myID”).style.padding)的方法来获取padding的值
但我想我应该能够对一个类使用相同的方法,只要我对im目标分类;例如[0],[1],或者在我的例子中,我让循环决定
函数myFunction(名称){
var x=document.getElementsByClassName(名称);
对于(i=0;i
正文{
背景颜色:浅蓝色;
}
.文本{
边框:红色虚线1px;
字体大小:20px;
填充:20px;
}
这是一个段落
这是一个段落
测试
您需要使用计算样式。。。另外,您的计算是完全错误的-->一半是被2除,而不是被50%除,比如:window.getComputedStyle(x[i],null).getPropertyValue(“padding”)代码>?是的,类似这样的内容它返回px
以及数字。是否只能获取数字值?应用parseInt