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

关键词：

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

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

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

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

Live Demo

【问题讨论】：

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

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

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

【讨论】：

嘿 Vucko，你对我的回复有何改变？新手.. ***.com/posts/18279232/revisions 所有你需要做的就是点击'edited x mins ago' - 它会显示你的编辑 看起来他只是格式化了你提供的代码sn-p，没什么大不了的。您可以单击“已编辑 X 分钟前”的链接以查看修订历史记录。 @ParisNelson 我刚刚格式化了您的代码，以便看起来更好。 :)【参考方案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');
      );
);
--^--

JSfiddle

【讨论】：

如何使用 JavaScript 函数更改 CSS 值（颜色标签）？ [复制]

】如何使用JavaScript函数更改CSS值（颜色标签）？[复制]【英文标题】：HowtochangetheCSSvalue(colortag)usingaJavaScriptFunction?[duplicate]【发布时间】：2018-07-0812:21:04【问题描述】：我想使用JavaScript函数更改样式表的颜色或背景颜色的值。例... 查看详情

如何使用 css 和/或 javascript 动态更改样式

】如何使用css和/或javascript动态更改样式【英文标题】：Howtodynamicchangestyleswithcssand/orjavascript【发布时间】：2019-08-1809:58:59【问题描述】：我有一个按钮，我需要在单击它时更改一些样式。我可能可以通过添加和删除一些类轻松... 查看详情

如何在javascript中使用css更改对类中字符串的所有引用？

】如何在javascript中使用css更改对类中字符串的所有引用？【英文标题】：HowdoIchangeallreferencestoastringinaclasswithcssinjavascript?【发布时间】：2021-12-1417:47:26【问题描述】：您好，我正在尝试针对具有“post-state”类的每个项目中对短... 查看详情

是否可以使用 JavaScript 更改 CSS？ [复制]

】是否可以使用JavaScript更改CSS？[复制]【英文标题】：isitpossibletochangeCSSwithJavaScript?[duplicate]【发布时间】：2021-06-3004:33:39【问题描述】：我正在尝试添加“过滤器：模糊5px；”单击某个按钮时影响CSS到Id。我想知道如何在按下按... 查看详情

使用 Javascript/jQuery 和 CSS 更改 PNG 颜色

】使用Javascript/jQuery和CSS更改PNG颜色【英文标题】：ChangePNGColorusingJavascript/jQueryandCSS【发布时间】：2012-02-2802:45:51【问题描述】：我有一个blackheartPNGimage我想用不同的颜色显示。如何使用javascript/css/jquery更改心脏的颜色？我正在... 查看详情

如何在没有 CSS 且仅使用 JavaScript 或 jQuery/jQueryMobile 的情况下更改设备方向？

】如何在没有CSS且仅使用JavaScript或jQuery/jQueryMobile的情况下更改设备方向？【英文标题】：HowtochangedeviceorientationwithoutCSSandonlywithJavaScriptorjQuery/jQueryMobile?【发布时间】：2017-02-0320:54:32【问题描述】：我有以下HTML结构：<divdata-rol... 查看详情

使用 JavaSCript 在 IE 中更改 ID css

】使用JavaSCript在IE中更改IDcss【英文标题】：ChangeIDcssinIEwithJavaSCript【发布时间】：2020-09-2813:20:16【问题描述】：我试图弄清楚如何将css显示从无更改为使用javascript阻止但仅适用于IE。目前我有这段代码，但它不会更改ID#backfill-im... 查看详情

javascript使用javascript更改css（javascript）(代码片段)

查看详情

无法使用 javascript 更改 css

】无法使用javascript更改css【英文标题】：Unabletochangecssusingjavascript【发布时间】：2018-12-1202:49:48【问题描述】：在handsontable的_afterOnCellMouseOver函数中，当我将鼠标悬停在列标题上时，我试图更改它们的css颜色属性。_afterOnCellMouseO... 查看详情

使用 Javascript 更改 CSS 值

】使用Javascript更改CSS值【英文标题】：ChangingCSSValueswithJavascript【发布时间】：2010-10-0815:34:03【问题描述】：使用javascript设置内联CSS值很容易。如果我想改变宽度并且我有这样的html：<divstyle="width:10px"></div>我需要做的就... 查看详情

javascript - 了解 CSS 类如何更改/更新

】javascript-了解CSS类如何更改/更新【英文标题】：javascript-understandinghowcssclasseschange/update【发布时间】：2014-11-0810:58:53【问题描述】：我有一个id="mydiv"的div，它在开始时没有分配给一个类。以下两个函数将类分配给mydiv。functionon... 查看详情

如何根据表单提交使用 jQuery 更改 CSS 样式？

...找不到正确的解决方案。我正在尝试使用红色单选按钮的JavaScript和jQuery，但包含所有HTML以作为良好的衡量 查看详情

如何在 React.js 中使用 JavaScript 修改 CSS

】如何在React.js中使用JavaScript修改CSS【英文标题】：HowtomodifyCSSusingJavaScriptinReact.js【发布时间】：2020-12-3112:32:42【问题描述】：如何在React上使用JavaScript更改css样式？例如，我会这样做：document.querySelector(\'.container\').style.backGroun... 查看详情

如何在本地存储 javascript 函数所做的 css 更改？

】如何在本地存储javascript函数所做的css更改？【英文标题】：Doesanyoneknowhowtostoreacsschangemadebyjavascriptfunctionlocally?有谁知道【发布时间】：2014-01-0213:21:19【问题描述】：我一直在摸不着头脑，我不知道如何在本地存储（HTML5本地存... 查看详情

如何使用 CSS 和 JavaScript 制作可变主题

】如何使用CSS和JavaScript制作可变主题【英文标题】：HowtomakechangeablethemesusingCSSandJavaScript【发布时间】：2012-02-0610:35:54【问题描述】：我对CSS和JavaScript还很陌生，我想知道您是否可以编写一个脚本来更改网站使用的样式表。说：... 查看详情

使用Javascript更改CSS中元素的背景颜色[重复]

】使用Javascript更改CSS中元素的背景颜色[重复]【英文标题】：Changingbackground-colorofanelementinCSSusingJavascript[duplicate]【发布时间】：2012-05-0503:43:30【问题描述】：基本上，我想通过单击按钮使用JavaScript更改CSS中元素的背景颜色。到... 查看详情

如何使用 Javascript 或 CSS 在 DIV 上应用媒体查询 [重复]

】如何使用Javascript或CSS在DIV上应用媒体查询[重复]【英文标题】：HowtoapplyMediaQueriesonaDIVusingJavascriptorCSS[duplicate]【发布时间】：2019-01-2315:47:16【问题描述】：我在使用JavaScript驱动的网络应用时遇到问题，我希望用户使用滑块更改... 查看详情

使用 Javascript 更改所选文本的 CSS

】使用Javascript更改所选文本的CSS【英文标题】：ChangeCSSofselectedtextusingJavascript【发布时间】：2011-03-1412:19:46【问题描述】：我正在尝试制作一个用作荧光笔的javascript小书签，当按下小书签时，将网页上选定文本的背景更改为黄... 查看详情