替换STYLE内容javascript HTML

Replace STYLE content javascript HTML

本文关键字：HTML javascript 内容 STYLE 替换      更新时间：2023-09-26

我有一个JavaScript变量：

var s =   
 "<html><head><style>body{a:b;c:d}</style></head><body></body></html>";

首先，我提取<style>标签中的内容：

s = s.split(/(<style[^>]*>|<'/style>)/i)[2]; 
// s == "body{a:b;c:d}";

然后我用s做一些事情，在操作之后，我需要将它附加到<style>标签上。

如何在<style>和</style>之间插入s？

示例：修改了var s="body｛x:h；f:l；｝"；

所以我需要这样的结果内容：

 "<html><head><style>body{x:h;f:l;}</style></head><body></body></html>";

更新：允许jQuery-但只允许字符串操作允许。纯JavaScript解决方案具有第一优先级。

var s  = "<html><head><style>body{a:b;c:d}</style></head><body></body></html>";
var b = s.split(/(<style[^>]*>|<'/style>)/i)[2]; 
s = s.replace(b,"body{x:h;f:l;}");

最后，s是你想要的。

这对你有用吗：

var s="body｛a:b；c:d｝"；var newS=s.replace("body｛a:b；c:d｝"，"body{x:h；f:l；｝"(；警报；alert(newS(；

使用下面提到的代码

var someHTML = "<html><head><style>body{a:b;c:d}</style></head><body></body></html>";
var styleContents = someHTML.split(/(<style[^>]*>|<'/style>)/i)[2];
document.getElementById('style').innerHTML = styleContents;
相关文章：