从Javascript更改(全局)CSS样式
从JavaScript更改全局CSS样式可以通过修改DOM元素的样式属性来实现。以下是一个简单的示例：
// 获取所有的<p>标签
var paragraphs = document.getElementsByTagName("p");
// 遍历所有的<p>标签，并更改它们的样式
for (var i = 0; i< paragraphs.length; i++) {
paragraphs[i].style.color = "red"; // 将文本颜色更改为红色
paragraphs[i].style.fontSize = "20px"; // 将字体大小更改为20像素
}在这个示例中，我们首先使用document.getElementsByTagName方法获取所有的<p>标签，然后使用for循环遍历所有的<p>标签，并使用style属性更改它们的样式。
需要注意的是，这种方法只能更改已经存在的元素的样式，如果要在页面加载后动态添加新的元素并更改它们的样式，则需要使用事件监听器或其他方法来监听元素的添加。
相关·内容
所以我想要做的是能够改变javascript中的CSS值。
我正在查看代码，它让我觉得在计时器中使用它有点笨拙。从外观上看，我每次调用像changecss这样的函数都会在每个样式表上附加一个完整的css规则。这将在内部污染样式表，如果我每隔33ms循环调用它，可能会导致失控的内存泄漏。因此，我正在寻找一种解决方案，它可以让我专注于与特定类对应的css条目中的rgb颜色设置。并修改它。在这种情况下，我实际上不需要检索原始设置。这可以做到吗？
浏览 0提问于2011-10-05得票数 6
回答已采纳
我已经在全局style.css文件中声明了一些css样式，在我的角项目中是src/style.css。在我的一个组件中，我想更改一些样式，并且只对该组件进行调整。目前，我可以通过使用：：ng-深度来实现这一点，但是，问题是，当我从我的子组件(使用：：ng-深度)更改全局样式时，它也会改变global.scss中的样式，因为我的组件的其余部分也会影响到这一点。所以我想要的是
浏览 5提问于2022-05-13得票数 0
我有超过50个HTMl页面，在所有页面中我都使用样式、javascript和bootstarp引用。
如果我想改变样式路径，那么我必须为所有的页面做，这是一个耗时的任务。所以有没有什么方法可以让我以通用的方式定义(全局)我的风格，javascript和bootstarp，并与所有页面共享，这样如果我需要更改样式路径，那么我只需在全局位置做一次更改。/styles/jquery.contextMenu.css
浏览 18提问于2020-03-06得票数 0
1回答
我在页面上使用危险的Html，但在应用程序上使用全局样式更改tinymce样式格式。我怎样才能把风格从花式中保存出来。？使用react，nextjs，scss问题:全局样式更改已经格式化
浏览 2提问于2021-11-07得票数 0
回答已采纳
3回答
我正在使用css模块，但是我在组件中使用的库用JavaScript在tweet中添加了一些元素到组件中，其结构如下：<div class='tweet'></div>MyComponent.css /* styles */
.tweet {
浏览 7提问于2015-12-15得票数 11
回答已采纳
2回答
我正在尝试创建一个单独的CSS文件，这样当我的网站加载到智能手机上时，它就会响应。我在HTML中调用了全局样式表和移动样式表；
<link href="css/style.css
浏览 2提问于2014-04-02得票数 0
我正在尝试使用全局css或javascript更改元素(背景颜色)的CSS样式。如何确定特定元素的目标，然后对其进行更改？#contactBoxSede parallax-wrapper parallax-background {
background-color: rgb(255, 0,
浏览 1提问于2019-06-19得票数 0
我已经在全局style.css文件中声明了一些css样式，在我的角项目中是src/style.css。在我的一个组件中，我想覆盖一些样式和范围，它只针对该组件。目前，我可以通过使用：：ng-深度来实现这一点，但是，问题是，当我从我的子组件(使用：：ng-深度)更改全局样式时，它也会改变global.scss中的样式，因为我的组件的其余部分也会影响到这一点。我在Src/Style.
浏览 2提问于2022-05-16得票数 3
回答已采纳
1回答
可以全局更改所选文本高亮显示页面的颜色。::selection {} background: #cccccc;但是，是否可以更改JavaScript例如，如果s是元素的样式属性，则可以使用是否有更改元素的高亮颜色的样式？这一定是老式的JavaScript</
浏览 3提问于2012-04-12得票数 2
回答已采纳
在CSS中，我会在全局样式文件中有一个选择器.section，但据我所知，styled-components GlobalStyle只用于设置通用样式。
浏览 3提问于2022-08-08得票数 0
Javascript将使用dart2js从Dart生成。该项目目前的目标是谷歌Chrome，但在未来，它也将在Firefox中工作。
我有一些全局CSS文件，并在入口HTML页面(index.html)导入它们
浏览 1提问于2014-05-27得票数 3
回答已采纳
有时我看到人们将全局css样式应用于html，有时我看到他们将它们应用于body，包括原始css和javascript。
这两者之间有什么区别吗？制作全局css样式的标准是什么？
浏览 1提问于2010-12-31得票数 22
回答已采纳
我在css中定义了样式- display:none;在JavaScript中，我更改了样式-uiElement.display = "block";
从JavaScript应用的样式不会覆盖来自css的样式为什么？
浏览 2提问于2013-05-25得票数 1
回答已采纳
6回答
我有一个全局的JavaScript组件来做基本的事情。此对象还负责根据当前拖动操作(移动、复制、链接)更改鼠标光标。在我的网页上有各种HTML元素，它们定义了自己的光标样式，或者是内联的，或者是通过CSS文件定义的。当然，我可以更改当前拖动的元素的
浏览 2提问于2012-05-25得票数 17
回答已采纳
我有一个使用站点全局print.css样式表来呈现打印页面的网页。该页面还为div、头等使用站点范围的类。
我需要在打印版本中增加正文的宽度和这个页面的字体大小。我没有编辑全局print.css的权限，也不喜欢在那里进行更改，因为这些更改会影响我不想更改的其他页面(因为使用了全局样式、div类等等)。幸运的是，这个页面确实有它自己的样式表，foo.css，我可以编辑它来进行只会影响
浏览 4提问于2011-10-01得票数 0
问题是，我如何从外部改变这个按钮的悬停颜色？只需为应该更改的样式提供按钮组件输入属性即可。这确实有效，但只适用于那些样式，这些样式不包含css伪选择器(如: javaScript )，因为不可能在每个中更改:悬停样式，因此也不可能在dart中进行
浏览 6提问于2017-02-05得票数 4
1回答
我有一个web软件/ web应用程序，主要是javascript。它使用extJS框架和相当多的自定义脚本。全局样式表称为main.css，由extJS库样式和我们自己的新样式和extJS样式覆盖组成。这都是使用SASS编译的。
现在，我想将这个应用程序嵌入到一个网页中。这是在没有嵌入包装器的情况下完成的，但实际上是在页面中运行应用程序，包括使用全局样式。页面(非应用程序)中的外部内容是使用Bootstrap CSS
浏览 4提问于2012-07-08得票数 0
回答已采纳
类是在样式表中为特定角度组件定义的，而不是在全局样式表中定义的。我找不到在document.styleSheets中列出的任何角组件类。最重要的是，即使我将类移动到全局样式表，并查看document.styleSheets列出的所有CSSStyleSheet的所有document.styleSheetss，而我可以找到该特定类的规则，但不幸的是，这些规则没有反映媒体查询动态进行的任何更改。这样，我就可以知道使用我的类可以水平显示多少项，然后在计算中使用该值来计算一个几乎分页的项目列表应该
浏览 0提问于2019-09-12得票数 0
回答已采纳
1回答
这只是HTML和CSS，没有Javascript。下面是一个简单的示例，它将其设置为innerHTML并污染全局CSS ()：`
浏览 3提问于2020-03-26得票数 0
如何在angular组件中导入bootstrap.css、jquery和JavaScript ?如何将html网页转换为angular网页？Style.css //样式的全局声明 @import url("./assets/css/bootstrap.css")；
浏览 17提问于2019-06-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
