js正則怎么匹配<pre><code>xxx</code</pre>中的內(nèi)容

提供下非正則的方式

如果是jq的話

var html="<pre><code>console.log(1);</code></pre>";
 console.log(  $(html).text()  );

如果非得用js

var textEle=document.createElement("div");
textEle.innerHTML="<span>你要提取的文字</span>";
console.log(textEle.innerText);

正則匹配的話就這樣

let str = `
  <p>第一個</p>
  <pre><code>console.log(1);</code></pre>
  <p>第二個</p>
  <pre><code>console.log(2);</code></pre>`;

str.match(/(?<=<pre><code>)[\s\S]*?(?=<\/code><\/pre>)/gi);  // 獲得

str.replace(/(?<=<pre><code>)[\s\S]*?(?=<\/code><\/pre>)/gi, 'asdf');  // 替換

其中，/(?<=somePattern)/是“零寬度正回顧后發(fā)斷言”賊基爾長，/(?=somePattern)/是“零寬度正預(yù)測先行斷言”賊基爾長*2，/somePattern/g是全局匹配，/somePattern/i是大小寫不敏感，/somePattern*?/是懶惰匹配。

var html="<pre><code>console.log(1);</code></pre><pre><code>console.log(2);</code></pre>";
 html.replace(/<pre><code>(.*?)<\/code><\/pre>/g, "$1");