如何从JS的字符串中裁剪html元素和类

Question

我有以下字符串和代码:

str = `<p class="">Lores Ipsimulm</p><p class="">1 x 100ml  - 19% </p><p class="">1 x 100ml No.6 Mike</p><p class="">1 x 100ml No.3</p><`
var p = document.createElement("p");
p.textContent = str;
var converted = p.innerHTML;
document.getElementById("final").value = converted;

我如何修剪所有的HTML元素，包括类、它们的名字和其他属性?

Answer 1

set with.innerHTML, get with.innerText

你可以使用innerText来获得元素的innerHTML的纯文本表示。因此，您设置.innerHTML值并使用.innerText获取文本。
innerText将使用HTML中存在的精确空格的原始文本。如果要为每个p标记设置文本格式，则必须循环遍历它们。
.innerText的用法见下面的示例片段。

var str = `<p class="">Lores Ipsimulm</p><p class="">1 x 100ml - 19% </p><p class="">1 x 100ml No.6 Mike</p><p class="">1 x 100ml No.3</p>`;
var p = document.createElement("p");
p.innerHTML = str;
var converted = p.innerText;
console.log(converted);

组你使用innerHTML获取HTML值，但是得到如代码片段所示，使用innerText来替换文本。

您的示例HTML在末尾有一个开放的<。请确保使用有效的HTML。