通过javascript添加css

这可能是一个愚蠢的问题，而且很容易，但我不能让它工作，所以请帮忙。这是密码

asp=height / width * 100;
document.getElementById("head_wrap").style["padding-top"] = "'+asp+%'"; 

使用警报（asp）；给出了正确的值，但我在这里犯了一些错误“+asp+%”，我希望该值以百分比表示，但正如我所说的，它不起作用。

---

谢谢你的帮助

在带有双引号和单引号的集合值中有一些语法错误。您还可以使用对象的属性，例如：

asp = height / width * 100;
document.getElementById("head_wrap").style.paddingTop = asp + "%"; 

另外，您也可以像以前那样使用，但在代码中进行一些调整

asp = height / width * 100;
document.getElementById("head_wrap").style["padding-top"] = asp + "%;

我修改了你的

jsfiddle

，看一看

另见

---

设置值中有一些双引号和单引号的语法错误。您还可以使用对象的属性，例如：

asp = height / width * 100;
document.getElementById("head_wrap").style.paddingTop = asp + "%"; 

另外，您也可以像以前那样使用，但在代码中进行一些调整

asp = height / width * 100;
document.getElementById("head_wrap").style["padding-top"] = asp + "%;

我修改了你的

jsfiddle

，看一看

另见

---

该值正常。CSS属性是错误的。它是

paddingTop

…由于引用问题，该值也是错误的。该值是正确的。CSS属性是错误的。这是

paddingTop

…由于引用问题，该值也是错误的。谢谢，但它仍然不起作用。padding没有添加到元素的css中。这里有一把小提琴，以便更好地理解我基本上想要保持backg的纵横比。这是javascript提供的语法，请确保您的DOM正确无误并接受它。您还可以尝试使用像素

px

代替

%

@TaoByebye:JSFIDLE不包含ID为

head\u wrap

的元素，因此无法工作。另外，在页面已经加载之后，您正在绑定

window.onload

处理程序，因此它甚至没有被触发。那么您建议如何修复此window.onloadproblem@TaoByebye：删除

window.onload=function（）{….}

或设置JSFIDLE在DOM就绪后运行脚本（你知道，左边的专栏，

no wrap-in

谢谢，但它仍然不起作用。填充并没有添加到元素的css中。下面是我想要更好地理解的东西，基本上我想要保持backg.image的纵横比，并将其应用到父div。这是javascript提供的语法，请确保您的DOM是正确的。）接受它。你也可以尝试使用像素

px

来代替

%

@taobye：你的JSFIDLE不包含ID为

head\u wrap

的元素，因此它无法工作。另外，你正在绑定

窗口。在页面已经加载后，onload

处理程序，因此它甚至不会被触发。那么你建议你如何代替它呢x此窗口。onloadproblem@TaoByebye：删除

window.onload=function（）{..}；

或设置JSFIDLE在DOM就绪后运行脚本（您知道，左边的列，

无换行符