替換樣式內容javascript HTML
[英]Replace STYLE content javascript HTML
問題描述
我有一個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解決方案具有最高優先級。
3 個解決方案
解決方案1
3 已采納 2011-11-25 07:41:47
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是您想要的。
解決方案2
0 2011-11-25 06:09:54
這對您有用嗎：
var s ="body{a:b;c:d}";
var newS = s.replace("body{a:b;c:d}", "body{x:h;f:l;}");
alert(s);
alert(newS);
解決方案3
0 2011-11-25 06:18:36
使用下面提到的代碼
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;
Javascript替換html的內容
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.