javascript - 替换 STYLE 内容 javascript HTML

标签 javascript html regex replace

我有一个 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>标签。

如何插入s之间<style></style>

示例:修改后的 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就是你想要的。

关于javascript - 替换 STYLE 内容 javascript HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8265261/

相关文章:

regex - 用于 2 个用户名的 TortoiseGit 过滤器

php - 如何从 php 中的字符串中删除 IMDB id?

c# - 让两个控件彼此相邻

javascript - 组正则表达式缺少最后一场比赛

javascript - 图像未使用 onpage_scroll 在 javascript 中加载

javascript - 尽管我的脚本完好无损,为什么我的 jquery 代码无法工作?

javascript - 图片加载不正确

javascript - 哪里可以下载Tinymce 4.0.28 | tinymce.js 文件具体

javascript - 从附加按钮调用时不弹出 jquery 对话框

javascript - 当另一个 div 靠近页面顶部时隐藏 div