如何從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

使用.innerHTML設置，使用.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。