如何在字符串中的標簽周圍包裝標簽-Javascript

Question

我有一個字符串。 說它看起來像這樣：

&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Web Page&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;p&gt;Content.&lt;/p&gt;
    &lt;/body&gt;
&lt;/html&gt;

如何使輸出看起來像這樣？

&lt;!DOCTYPE html&gt;
&lt;<span class="tag>html</span>&gt;
    &lt;<span class="tag>head</span>&gt;
        &lt;<span class="tag>title</span>&gt;Web Page&lt;<span class="tag>/title</span>&gt;
    &lt;<span class="tag>/head</span>&gt;
    &lt;<span class="tag>body</span>&gt;
        &lt;<span class="tag>p</span>&gt;Content.&lt;<span class="tag>/p</span>&gt;
    &lt;<span class="tag>/body</span>&gt;
&lt;<span class="tag>/html</span>&gt;

Answer 1

使用String#replace方法將所有標簽替換為已包裝的跨度。

str.replace(/&lt;(\/?\w+)&gt;/g, '&lt;<span class="tag">$1</span>&gt;');
// or .replace(/(&lt;)(\/?\w+)(&gt;)/g, '$1<span class="tag">$2</span>$3')

 var str = `&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Web Page&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;Content.&lt;/p&gt; &lt;/body&gt; &lt;/html&gt;` document.body.innerHTML = str.replace(/&lt;(\\/?\\w+)&gt;/g, '&lt;<span class="tag">$1</span>&gt;');

 .tag { color: red; }

正則表達式的解釋在這里。

Answer 2

我將分兩步使用String.replace ...

str.replace(/&lt;/g,'&lt;<span class="tag">').replace(/&gt;/g,'</span>&gt;');

如何在字符串中的標簽周圍包裝標簽-Javascript

問題描述

2 個解決方案

解決方案1
2 已采納 2017-01-23 14:53:44

解決方案2
-1 2017-01-23 14:55:50

如何在字符串中的標簽周圍包裝標簽-Javascript

問題描述

2 個解決方案

解決方案1 2 已采納 2017-01-23 14:53:44

解決方案2 -1 2017-01-23 14:55:50

解決方案1
2 已采納 2017-01-23 14:53:44

解決方案2
-1 2017-01-23 14:55:50