如何使用 javascript 更改 CSS？ [关闭]答案

【问题标题】：how can i change CSS using javascript? [closed]如何使用 javascript 更改 CSS？ [关闭]
【发布时间】：2013-08-19 04:56:15
【问题描述】：

我想当我点击右上角的雨滴时，其他人会旋转，但我对javascript和jquery一无所知！我知道 css！

到目前为止，这是我的 javascript 代码：

$(function() {
    $('#left').click(function() {
        $(this).css('width', '200px');
    });
}):

【问题讨论】：

document.getElementById("elementID").style.cssproperty = "value of css property"
请在您的问题中包含相关代码，不要假装您的链接是代码来规避检查。
@DavidThomas 我尝试包含我的代码，但它总是让我出错！
对我来说很不清楚：您在询问如何使用 JavaScript/Jquery 更改 CSS，但您在描述中展示了一个示例，然后您询问如何制作动画/过渡，而无需甚至首先向我们展示了您尝试为元素设置动画的内容。
如果您需要帮助格式化您的问题，请read this

【解决方案1】：

tymeJV 的评论会起作用。或者，您可以使用 jQuery：

$('#elementId').css('propertyname','propertyvalue');

【讨论】：

【解决方案2】：

在 javascript 中：

 document.getElementById("your_id").style.css_property = "value";

例如：

document.getElementById("your_id").style.display = "block";

在 jquery 中：

$("#id").css("css_property","value");

例如：

 $("#id").css("display","block");

【讨论】：

这是正确的答案。就我而言，我知道如何使用 jQuery 来完成，但是我正在使用 require.js 加载 jQuery，并且我需要在加载异步脚本之前执行一个简单的样式模块。当然，我可以只在全局命名空间中加载 jQuery，但这并不优雅。

【解决方案3】：

首先，如果您正在使用 JQuery，请包含它。

您的代码中有错字

$(function() {
      $('#left').click(function() {
            $(this).css('width', '200px');
      });
});
--^--

【讨论】：