我正在尝试以这种方式修改给定元素中的一些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>
标签?
答案 0 :(得分:3)
你必须通过它:
所以你的代码看起来像这样:
var rsc_menu = document.getElementById("rsc_menu");
rsc_menu.style.top = "303px";
rsc_menu.style.height = "29px";