当前位置: 首页 > 面试题库 >

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

钱照
2023-03-14
问题内容

我对CSS和JavaScript还是很陌生,我想知道是否可以创建一个脚本来允许您更改网站使用的样式表。

说:您有一个绿色主题,其中的一切都是绿色阴影。您会怎么做,以便用户可以通过按一下按钮将其更改为红色?

有谁知道如何做到这一点?


问题答案:

您可以在链接标签上设置一个ID并在运行时切换CSS。

的HTML

<link type="text/css" rel="stylesheet" media="all" href="../green.css" id="theme_css" />

JS

document.getElementById('buttonID').onclick = function () { 
    document.getElementById('theme_css').href = '../red.css';
};


 类似资料:
  • 我试图找到一个解决方案,但人们总是给出html或jQuery的解决方案。 所以我做了一个,觉得可能对别人有帮助。

  • 本文向大家介绍如何使用JavaScript和CSS创建可拖动的HTML元素?,包括了如何使用JavaScript和CSS创建可拖动的HTML元素?的使用技巧和注意事项,需要的朋友参考一下 要使用JavaScript和CSS创建可拖动的HTML元素,代码如下- 示例 输出结果 上面的代码将产生以下输出- 通过拖动来移动div时-

  • 问题内容: 如何使用Javascript 添加CSS规则(例如)? 问题答案: 您也可以使用DOM Level 2 CSS接口(MDN)执行此操作: …(除了(自然地)IE8和更早版本以外的所有版本),它使用自己的边际差异措辞: 与createElement-set- innerHTML方法相比,此方法具有理论上的优势,因为您不必担心在innerHTML中放置特殊的HTML字符,但实际上,样式元素

  • 问题内容: 我正在通过Firefox中的JavaScript编辑CSS渐变。我有一些输入框,用户可以在其中输入1.方向2.第一种颜色3.第二种颜色 这是HTML 回顾一下,用户将指定其3个值,这些值将传递给函数“ renderButton();”。我可以使用哪行更改CSS3渐变的3个值,以便用户可以制作自己的自定义渐变框?我假设它只需要一两行。 PS我意识到这个例子只适用于Firefox。我只想在

  • 问题内容: 我希望制作一个图像轮播,用户可以在其中通过单击箭头在图像之间切换。 但是,我只能使用HTML和CSS,而不能使用JavaScript(因此也不能使用jQuery)。我只需要基本设置;平滑过渡等不是必需的。 我该如何做到这一点? 问题答案: 这很容易!只需使用单选按钮和目标标签。 单选按钮的(必要的)行为是一次只能选择一个按钮,就像轮播中的图像一样。 演示版 请确保至少有一个input(

  • 问题内容: 我在应用的样式时遇到了麻烦。我试过了: 这 什么都不做 ; 不会应用任何宽度样式。有没有一种类似jQuery的方式就可以应用这种样式而无需覆盖(这意味着我需要先对其进行解析等)? 编辑 :我应该补充一点,我有一个样式表,该样式表中有我要用内联样式覆盖的样式,因此使用等不起作用,因为它被我的外部样式覆盖。 此外,将覆盖以前的值的值 进行计算 ,所以我不能简单地创建另一个外部风格。 问题答