通过 JavaScript 编辑项目的样式？ [复制]答案

【问题标题】：Editing an item's style via JavaScript? [duplicate]通过 JavaScript 编辑项目的样式？ [复制]
【发布时间】：2014-08-15 06:10:59
【问题描述】：

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

【问题讨论】：

在浏览器上使用JS改变样式不会修改服务器上CSS文件中包含的CSS指令。 JS 只会修改正在运行的浏览器中显示的样式。你知道的，对吧？

标签： javascript html css

【解决方案1】：

你必须在 DOM 中获取元素

纯javascript：

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

使用 jQuery

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

【讨论】：

【解决方案2】：

标准方式：

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

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

【讨论】：

【解决方案3】：

这是正确的：

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

但我相信你需要设置位置才能工作，例如：

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

【讨论】：