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

如何使用JavaScript添加CSS?

狄心水
2023-03-14
问题内容

如何strong { color: red }使用Javascript 添加CSS规则(例如)?


问题答案:

您也可以使用DOM Level 2 CSS接口(MDN)执行此操作:

var sheet = window.document.styleSheets[0];
sheet.insertRule('strong { color: red; }', sheet.cssRules.length);

…(除了(自然地)IE8和更早版本以外的所有版本),它使用自己的边际差异措辞:

sheet.addRule('strong', 'color: red;', -1);

与createElement-set-
innerHTML方法相比,此方法具有理论上的优势,因为您不必担心在innerHTML中放置特殊的HTML字符,但实际上,样式元素是旧HTML中的CDATA,而’<’和’&’很少在样式表中使用。

在开始像这样添加到样式表之前,确实需要有一个样式表。可以是任何现有的活动样式表:外部,嵌入式或空,都没有关系。如果没有,则目前唯一的标准创建方法是使用createElement。



 类似资料:
  • 问题内容: 我想让用户使用JavaScript轻松添加和减去日期,以便按日期浏览其条目。 日期的格式为:“ mm / dd / yyyy”。我希望他们能够单击“下一步”按钮,并且如果日期为:“ 06/01/2012”,则在单击下一步时,它应该变为:“ 06/02/2012”。如果他们单击“上一个”按钮,则该按钮将变为“ 05/31/2012”。 它需要跟踪of年,每月的天数等。 有任何想法吗? 使

  • 我想让用户使用JavaScript轻松加减日期,以便按日期浏览条目。 日期的格式是:“mm/dd/yyyy”。我希望他们能够点击“下一步”按钮,如果日期是:“06/01/2012”,那么点击下一步,它应该变成:“06/02/2012”。如果他们点击“prev”按钮,那么它应该变成“05/31/2012”。 它需要跟踪闰年、一个月中的天数等。 有什么想法吗? P.S使用AJAX从服务器获取日期不是一

  • 问题内容: 我有一个外部文件 我想将此文件添加到我的React-Redux App中 谁能帮我解决这个难题 问题答案: 导出您的js代码,然后将其导入您的react组件中。 然后,您可以将其导入您的react组件中。 然后在您的react组件中调用它,例如,在诸如之类的react生命周期方法中。 另一种(更快)的方法是在您的react组件中使用来加载js代码。 这样,您就可以立即加载js代码,而无

  • 问题内容: 如何使用Dockerfile添加用户-以下内容不起作用。 我完整的Dockerfile: 问题答案: 使用而非交互来添加用户。 以下命令不会创建user。 它将使用用户 请参考Dockerfile用户文档 USER指令设置运行映像时使用的用户名或UID,以及Dockerfile中跟随该映像的所有RUN,CMD和ENTRYPOINT指令。 注意: 确保这是默认外壳程序。 如果使用默认外壳

  • 问题内容: 我正在尝试找到一种使用JavaScript添加/更新属性的方法。我知道我可以使用功能来做到这一点,但在IE中不起作用。 问题答案: 您可以在此处阅读有关许多不同浏览器(包括IE)中属性的行为的信息。 即使在IE中也应该做到这一点。你试过了吗?如果它不起作用,则可能 会起作用。

  • 问题内容: 是否可以使用Javascript将CSS样式表导入html页面?如果是这样,怎么办? 附言:JavaScript将托管在我的网站上,但我希望用户能够放入其网站的标签,并且它应该能够将托管在我的服务器上的CSS文件导入当前网页。(css文件和javascript文件都将托管在我的服务器上)。 问题答案: 这是这样做的“老派”方法,希望可以在所有浏览器上使用。从理论上讲,不幸的是,您将使用