javascript - JS : Extract text from a string without jQuery

Question

我有这个字符串:

var string = '<article><img alt="Ice-cream" src=http://placehold.it/300x300g"><div style="float: right; width: 50px;"><p>Lorem Ipsum </p></div></article>';

我正在尝试从中提取文本:

var $str = $(string).text();
console.log($str)

但是由于我担心大量字符串和大文本导致的性能问题，所以我想使用本地语言。

这怎么可能？

Answer 1

让浏览器进行清理并使用这个技巧:

var str= '<article><img alt="Ice-cream" src=http://placehold.it/300x300g">'+
'<divstyle="float: right; width: 50px;"><p>Lorem Ipsum </p></div></article>';

var dummyNode = document.createElement('div'),
    resultText = '';

dummyNode.innerHTML = str;
resultText = dummyNode.innerText || dummyNode.textContent;

这将创建一个虚拟 DOM 元素并将其 HTML 内容设置为输入字符串。
现在，只需调用 DOM 属性 innerText 或 textContent 即可获取唯一的文本。

这也更加安全和健壮，因为浏览器已经编写了更好的算法来获取这些值。