Javascript 如何更改<；的内容；样式类型="；text/css“&燃气轮机；_Javascript_Html_Css

Javascript 如何更改<；的内容；样式类型="；text/css“&燃气轮机；

javascript html css

Javascript 如何更改<；的内容；样式类型="；text/css“&燃气轮机；,javascript,html,css,Javascript,Html,Css,我有一个HTML页面，我需要替换标签中的内容 <style type="text/css"> </style> 注入托管在同一域上的另一个.css文件的内容你知道如何用javascript实现吗 <html> <head> <style type="text/css"> h1 {color:red;} p {color:blue;} </style> </head

我有一个HTML页面，我需要替换标签中的内容

<style type="text/css">
</style>

注入托管在同一域上的另一个.css文件的内容

你知道如何用javascript实现吗

<html>
  <head>
    <style type="text/css">
      h1 {color:red;}
      p {color:blue;}
    </style>
  </head>

  <body>
    <h1>A heading</h1>
    <p>A paragraph.</p>
  </body>
</html>


h1{颜色：红色；}
p{颜色：蓝色；}
标题
一段

如果您只想添加这些样式，您不需要将内容注入

样式

元素，只需将其他文件链接为样式表即可：

var link = document.createElement('link');
link.rel = "stylesheet";
link.href = "/path/to/the/file.css";
document.getElementsByTagName('style')[0].parentNode.appendChild(link);

这将把相关的样式“注入”到文档中

向样式标记添加id属性。使用此钩子可以使用Javascript更改样式标记的内容

HTML

<style id="myStyle" type="text/css">
h1 {color:red;}
p {color:blue;}
</style>

<h1>Something</h1>

工作示例

在JavaScript中执行此操作可能会导致闪烁。如果可能的话，最好在服务器端执行。@GibboK：您真的需要将文本注入

style

元素，还是只将样式添加到文档中？如果您只需要将样式添加到文档中（这与将文本注入

样式元素的效果相同）。这真的很容易。如果您实际上必须将内容注入样式
元素，这会有点难（虽然不难），但我很好奇为什么您需要这样做。：-）DownVoter，请添加评论，以便我可以调整我的问题。我需要用CSS填充innerHtml，它存在于另一个文件中。。有什么想法吗？你反对使用jquery吗？jquery这是一个很棒的工具，但我不能在这个项目上使用它。请让我知道我的问题是我没有链接标签，只有风格。谢谢你posting@GibboK：所有浏览器都有链接
标记。以上内容并不要求你在回答中没有提到的页面上有任何内容。它所做的是为包含您试图添加到文档中的样式的样式表添加一个链接。这会将这些样式添加到文档中，就像将文本添加到style元素中一样。
var elem = document.getElementById("myStyle");
elem.innerHTML = "h1{color:blue;}";