尝试使用JavaScript设置样式时出错

时间:2011-04-02 14:07:37

标签: javascript web

var d = document;
div = d.body.appendChild(d.createElement("DIV"));
div.id = "hi";
div.innerHTML = "Hello World";

cssStyle = ["fontFamily", "fontStyle"];
cssAn = ["Arial", "italic"];

div.style.cssStyle[0] = cssAn[0];

它没有设置样式。相反,它返回一个错误,指出“无法设置未定义的属性0”。我怎么可能做错了?

3 个答案:

答案 0 :(得分:6)

我想你想要:

div.style[cssStyle[0]] = cssAn[0];

答案 1 :(得分:6)

cssStyle不是div.style.你想要的属性:

div.style[cssStyle[0]] = cssAn[0];

答案 2 :(得分:1)

这与Javascript无关 - 这是一般编程原则。

您的变量cssStyle包含"fontFamily""fontStyle"

访问cssStyle的属性div.style与变量cssStyle无关。

您需要div.style[cssStyle[0]] = cssAn[0]

编辑:

此外,如果您希望在cssStyles上设置名称在cssAn中的所有属性和div中的相应值,则假定cssStyle和{{1拥有相同数量的元素,你可以:

cssAn