Javascript选项change head style.css

Javascript选项change head style.css,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个相对简单的表单,可以选择主题。 我需要的是javascript来查看当前选择的选项,并根据其类更改style.css文件。例如,如果在选项中选择了Dark,则需要将style.css与Dark.css重新对齐 这是我的选择代码: 试试这个例子: 1) 在选项值中设置css文件路径 演示: 试试这个例子: 1) 在选项值中设置css文件路径 演示: 我不建议更改实际的样式文件,只需向页面添加另一个请求,在一个文件中添加不同的样式,然后使用javascript为不同的样式添加一个类,这样会

我有一个相对简单的表单,可以选择主题。 我需要的是javascript来查看当前选择的选项,并根据其类更改style.css文件。例如,如果在选项中选择了Dark,则需要将style.css与Dark.css重新对齐 这是我的选择代码:

试试这个例子:

1) 在选项值中设置css文件路径

演示:

试试这个例子:

1) 在选项值中设置css文件路径

演示:


我不建议更改实际的样式文件,只需向页面添加另一个请求,在一个文件中添加不同的样式,然后使用javascript为不同的样式添加一个类,这样会更有效

css

选择jQuery时的选项

$('form').addClass('dark');


我不建议更改实际的样式文件,只需向页面添加另一个请求,在一个文件中添加不同的样式,然后使用javascript为不同的样式添加一个类,这样会更有效

css

选择jQuery时的选项

$('form').addClass('dark');


您的
元素是否有
id
允许查找它们?您能否显示
元素的呈现HTML,而不是当前显示的HTML+PHP?我们需要查看浏览器看到的内容,一旦浏览器具有HTML,您的服务器代码就完全不相关了。您的
元素是否具有
id
,以允许找到它们?您能否显示
元素的呈现HTML,而不是当前显示的HTML+PHP?我们需要看看浏览器看到了什么,你的服务器代码是什么,一旦浏览器有了HTML,就完全不相关了。这很好用!!非常感谢你。只需点击一个按钮即可看到整个网站风格发生变化,这是一种令人满意的感觉:)效果非常好!!非常感谢你。点击一个按钮就能看到整个网站风格发生变化的令人满意的感觉:)这就是重点,整个网站风格需要改变。选择器仅用于预览。表单提交后,该值将存储在会话中,并在head请求中使用。这就是整个要点,整个站点样式需要更改。选择器仅用于预览。表单提交后,该值将存储在会话中,并在head请求中使用。
option {
    background:white
}
.dark option {
    background:black
}
$('form').addClass('dark');
$('form').toggleClass('dark');