JavaScript 初学者 : add a dynamic style in javascript?

标签 javascript css

<分区>

Possible Duplicate:
How to create a <style> tag with Javascript

我使用 java 脚本编写动态表单。我想在 java 脚本本身中添加样式。我写了一些代码来添加样式。但它不起作用。这是我在元素中编写的代码。

var sheet = document.createElement('style');
sheet.type="text/css";
sheet.innerHTML = "body{color:red;}";
document.body.appendChild(sheet);

谁能帮帮我

最佳答案

你的代码很好。但我认为你没有在正确的时间调用它,所以在加载你的 body 标签时调用它

 window.addEventListener('DOMContentLoaded',function(){
    var sheet = document.createElement('style'); 
    sheet.type="text/css"; 
    sheet.innerHTML = "body{color:red;}"; 
    document.body.appendChild(sheet);
    }, false);

关于JavaScript 初学者 : add a dynamic style in javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11614382/

相关文章:

jquery - 使用 jQuery 处理程序更好吗?

css - Angular 2 : Set CSS class from Observable

javascript - 使用硬编码 token 访问 spring boot Rest 端点?

函数之外的Javascript变量?

css - 如何防止外部 CSS 覆盖 Web 组件样式

javascript - 进入和离开时reactjs背景颜色过渡

javascript - 创建 Canvas 外菜单 Jquery

javascript - node-sql-parser , parser.astify(sqlquery) 不返回准确的输出

javascript - Nativescript 中的底部栏导航不起作用

javascript - CSS改变垂直响应式菜单的样式