如何更改来自“类”属性的CSS参数?

时间:2013-03-03 14:38:27

标签: javascript css

我正在尝试以这种方式修改给定元素中的一些CSS属性:

var rsc_menu = document.getElementById("rsc_menu");
rsc_menu.style.top = 303;
rsc_menu.style.height = 29;

不幸的是,在执行代码后,元素仍保持原始位置并保留其原始大小。 我注意到alert(rsc_menu.style.top)alert(rsc_menu.style.height)都显示一个空框。
元素声明如下:

<div class="resources_menu" id="rsc_menu">

正如您所看到的,它从外部样式表中获取所有样式参数;我没有为它定义style标签。可能那是问题吗?有没有办法完成任务而无需更改<div>标签?

1 个答案:

答案 0 :(得分:3)

你必须通过它:

  1. 作为字符串
  2. 使用有效单位
  3. 所以你的代码看起来像这样:

    var rsc_menu = document.getElementById("rsc_menu");
    rsc_menu.style.top = "303px";
    rsc_menu.style.height = "29px";