php - 我创建了一个 CSS 切换器，但我只需要更改 body 类为 ="red"的元素-6ren

php - 我创建了一个 CSS 切换器，但我只需要更改 body 类为 ="red"的元素

转载作者：行者123 更新时间：2023-11-28 18:11:51

27

4

我创建了一个 CSS 切换器，但我只需要为 body 更改带有 class="red" 的元素。我该怎么做？

<html>
    <head>
        <jdoc:include type="head" />
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script src="/js/modernizr-2.0.6.custom.min.js"></script>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="/js/jquery.cookies.2.2.0.min"></script>
    </head>
    <body class="front">
        <select class="style-change">
            <option value="red">Red</option>
            <option value="blue">Blue</option>
            <option value="green">Green</option>
        </select>
        <script>
            $(function(){
                $('.style-change').change(function(){
                    $('link[rel="stylesheet"]')
                        .attr("href", $(this).val() + ".css");
                });
            });
        </script>
    </body>
</html>

演示 Here

最佳答案

您可以使用它来更改主体的类别。

document.body.className="red"

关于php - 我创建了一个 CSS 切换器，但我只需要更改 body 类为 ="red"的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18513296/

27

4

0

文章推荐： javascript - 让 setInterval 处理 html 列表项中的子元素

文章推荐： iphone - 自动引用计数不释放 calloc

文章推荐： html - 使用相同浏览器时，网站在不同机器上看起来大不相同

文章推荐： CSS 菜单 - 显示事件页面元素子菜单

javascript - 为什么/(red|green)/g.exec ('red, green, red, green' ) 返回 ["red", "red"]？
在我输入的 javascript 控制台中/(red|green)/g.exec('红绿红绿') 它返回一个包含两个结果的数组:[“红色”，“红色”] 它不应该返回一个包含 4 个结果的数组吗？如:[
red - 在 Red 例程中通过引用传递
所以我目前正在将一个下降大小的程序从 Rebol 3 迁移到 Red。所述程序依赖于与 C 库 (clang) 的大型绑定(bind)。我已经重写了 Red/System 中的绑定(bind)部分，并
node-red - 如何跨节点集群水平扩展 Node-RED？
是否可以在节点集群上水平扩展 Node-RED？找不到任何文档。我的场景是每秒处理数百万个事件并使用 Node-RED 实时处理它们。最佳答案我在 Google Groups Node-RED
red - 从 Red/System 访问运行时函数
因此，在尝试在 Red 和 Red/System 之间来回编码值时出现了问题。我想访问传递给例程的对象的内脏。我注意到 Red Runtime 中有一些函数可以在对象上下文中处理诸如此类、get-v
node-red - 是否可以在 Node-RED 中声明全局变量并在节点配置中使用它们？
假设我正在使用 MQTT 协议(protocol)从许多设备接收信息，下图是一个设备 block 的简化版本: 因此，我们还假设所有其他设备具有完全相同的图表，除了将更改为 device2 的主题名称
node-red - 如何将 Node-RED 中的一根线路从一个节点移动到另一个节点？
想象一下我已经连接了一个流程，如下所示: 现在希望重新连接到: 看来我的选择是删除现有的电线，然后重新连接它们。我的问题是: 问题是否可以将连线从一个节点移动到另一个节点，而不是删除和重新创建？最
node-red - 如何在 Node-RED 中远程部署流文件？
有没有办法将现有的 Node-RED 流文件 myflow.json 部署到运行 Node-RED 的远程计算机？经过多次谷歌搜索，我偶然发现了this discussion在相关的Google群组
wpf - Background "Red"中的字符串="Red"如何转换为SolidColorBrush？
我想了解下例中WPF是如何将字符串值(Red)转换成对应的SolidColorBrush的？我们如何对自定义 DependencyProperty 做同样的事情？最佳答案从字符串到 Brush
wpf - Background "Red"中的字符串="Red"如何转换为SolidColorBrush？
我想了解下例中WPF是如何将字符串值(Red)转换成对应的SolidColorBrush的？我们如何对自定义 DependencyProperty 做同样的事情？最佳答案从字符串到 Brush
node-red - 如何在 Node-RED 中合并来自多个有效负载的数据？
我想合并来自 3 个不同来源的数据(来自 HTTP msg.payload)。但是，这些 HTTP 请求可能会被多次调用，因此可以多次接收来自同一源的数据。 [{"id":"7ed13b41.131
node-red - 如何将对象添加到 Node-RED msg.payload
我需要 Accel 对象作为有效负载对象的一部分: msg.payload.Accel.x : 1 msg.payload.Accel.y : 2 msg.payload.Accel.z : 3 如何
node-red - 无法将负载参数传递给 Node-RED http 请求
我正在尝试在 Node-RED 中执行简单的 http get 请求。根据在线文档，我必须传递函数中的参数作为 http 请求节点的输入。我的函数如下所示； msg.url = "https://ap
javascript - 文本变为 "Red"颜色；找不到使它成为 "Red"的代码
我有一个简单的 php 页面，它输出一个表(已动态创建)。页面上的文本都是红色标记的，除非你专门放置一个font color元素并强制它变成黑色。我使用的是 FF 并安装了 Firebug，所以我
java - Color.red 和 Color.RED 之间的区别
setXxx(Color.red) 和 setXxx(Color.RED) 的定义之间的真正区别是什么？我在网上找到了以下解释。都是关于命名约定的吗？ Java originally defined
docker - 使用resin.io部署时如何更新node-red/node-red-docker镜像中的settings.js？
我正在使用具有以下内容的 Dockerfile，我在树莓派上使用 resin.io 进行部署。 FROM nodered/node-red-docker:rpi-v8 USER root RUN su
java - Color.RED(大写)和 Color.red 有什么区别？
这个问题已经有答案了: Difference between Color.red and Color.RED (3 个回答) 已关闭 9 年前。 Color.RED 之间有什么区别吗？变量和 Colo
Node-RED:在哪里可以找到 RED.nodes.createNode/getNode/eachNode/的文档
我可能是盲人，但我找不到我在许多节点实现中看到的功能的文档，因为有: RED.nodes.createNode() RED.nodes.getNode() RED.nodes.eachNode() R
javascript - 含义 var lineColor = { red : 'blue' , blue: 'red' }[lineColor];
$('#toggle-linecolor').click(function () { chart.yAxis[0].update({ lineColor: li
javascript - 使用 node-red-admin 保护 Node-Red Electron 应用程序
我用了this GitHub 存储库，用于使用 Electron 创建 Node-Red 桌面应用程序。现在我想使用 node-red-admin 向这个应用程序添加身份验证。我怎样才能做到这一点？
css - 边框 :2px solid red VS border:2px red solid
两种方法都有效吗？两者都一样。 border:2px solid red; 和 border:2px red solid; 最佳答案 W3.org (官方规范)说 border 简写属性的值是这样的:

首页

博学

6Ren·AI

商城

php - 我创建了一个 CSS 切换器，但我只需要更改 body 类为 ="red"的元素