javascript正則表達式替換html

Question

看到->我在變量中有以下文本

var s = 

    "<html>
  <head>
    <style type="text/css" >     
      body{
 background:url(/a.png);
          }
    </style>
    <script src="2.js"></script>
    <script src="1.js"></script>
  </head>
  <body >
   {BODYCONTENT}
  </body>


</html>";

現在我想在<style >標簽的>關閉后立即添加一些數據。

例如：

var mydata = "/n h1{a:b}/n";

所以我要

<style>/n h1{a:b}/n

如果style標簽中沒有其他屬性，這很容易，但是有時可能會有其他一些屬性，例如type ， id

例如：

<style type="text/css" id="default_css_scope">
content
</style>

這樣我就不能這樣使用this s.replace("<style>","<style>".mydata);

我該如何使用正則表達式呢？

Answer 1

也許您應該嘗試一下。 我認為它將解決您的問題。

 str= str.replace("</style>",mydata+"</style>");

Answer 2

警告：我不建議使用正則表達式來廣泛使用HTML。

但是在這種特定情況下，您可能會忽略它：

str = str.replace(/<style[^>]*>/, function(m) {
    return m + mydata;
});

現場例子

Answer 3

請參考這個。 某段時間的一篇精彩文章，內容涉及正則表達式與HTML的結合使用。

兩種最多樣化的技術一起使用。

[查看此處] RegEx匹配除XHTML自包含標簽之外的其他打開標簽

Answer 4

像這樣

var start = html.indexOf("<script", 0); //find the index of the first script
start = html.indexOf(">", start); //Starting for that script tag, find the next >

var output = [html.slice(0, start), myData, html.slice(start)].join(''); //Add string to at that position.

感謝jAndy的代碼片段

希望這可以幫助。

Answer 5

您可能需要研究HTML Agility Pack （免費庫）：

javascript正則表達式替換html

問題描述

5 個解決方案

解決方案1
3 2011-11-25 12:00:08

解決方案2
1 已采納 2011-11-25 11:54:32

解決方案3
1 2011-11-25 11:59:26

解決方案4
0 2011-11-25 11:54:00

解決方案5
0 2011-11-25 11:59:25

javascript正則表達式替換html

問題描述

5 個解決方案

解決方案1 3 2011-11-25 12:00:08

解決方案2 1 已采納 2011-11-25 11:54:32

解決方案3 1 2011-11-25 11:59:26

解決方案4 0 2011-11-25 11:54:00

解決方案5 0 2011-11-25 11:59:25

解決方案1
3 2011-11-25 12:00:08

解決方案2
1 已采納 2011-11-25 11:54:32

解決方案3
1 2011-11-25 11:59:26

解決方案4
0 2011-11-25 11:54:00

解決方案5
0 2011-11-25 11:59:25