使用 Javascript 用 HTML 標記分隔字符串

Question

var str = '<h1>Header</h1><p>Paragraph</p>

我有一個字符串str我想分隔h1和p文本。

結果：

var h = 'Header'
var p = 'Paragraph'

有什么捷徑嗎？ 我用 for 循環試過了。

Answer 1

在這里，沒有字符串操作：

 const str = '<h1>Header</h1><p>Paragraph</p>' const div = document.createElement('div'); div.innerHTML = str; const [h, p] = [...div.children].map(el=>el.textContent); console.log(h, p);

或者更簡潔，使用實驗性的DOMParser API：

 const doc = new DOMParser().parseFromString('<h1>Header</h1><p>Paragraph</p>', 'text/html'); const [h, p] = [...doc.body.children].map(el=>el.textContent); console.log(h, p);

Answer 2

使用jQuery：

var str = '<h1>Header</h1><p>Paragraph</p>'
var h = $.parseHTML( str )[0].innerText
var p = $.parseHTML( str )[1].innerText

Answer 3

嘗試正則表達式：

 var str = '<h1>Header</h1><p>Paragraph</p>'; var result = str.match(/<([\\w]+)[^>]*>(.*?)<\\/([\\w]+)[^>]*>/g).map(function(val){ var pre = val.split('>')[1]; return pre.substr(0, pre.lastIndexOf('<')); }); console.log(JSON.stringify(result));