通过JavaScript编辑项目的风格？

Question

我正在寻找有关如何通过JS在单独的CSS文件中编辑对象样式的帮助。例如，如果我的CSS文件中有#objectid {left: 0%;}样式的对象，我将如何通过JavaScript更改left属性？我知道你可以做object.style.property但是那个最近没有给我工作。这样做最有效/最简单的方法是什么？提前谢谢。

Answer 1

你必须得到DOM中的元素

使用纯javascript：

document.getElementById('objectid').style.left = '20%'

使用jQuery

$('#objectid').css('left', '20%');
or
$('#objectid').css({'left': '20%'});

Answer 2

标准方式：

document.getElementById('objectid').style.left = "10%";

但如果您担心效率，请尽量不要直接使用JS修改任何样式...尝试添加/删除类。

Answer 3

这是正确的：

document.getElementById('thing').style.left="5px"

但我相信你需要在它起作用之前设定位置，例如：

document.getElementById('thing').style.position="absolute";
document.getElementById('thing').style.left="5px"