有没有一种方法可以将 HTML 转换为普通文本，而无需使用 Jquery 将其实际写入选择器？

Question

目前我的理解是，在Jquery中，通过html()函数，我们可以将HTML转换为文本，例如

$("#myDiv").html(result);

将“result”（即html代码）转换为普通文本并在myDiv中显示。

现在，我的问题是，有没有一种方法可以简单地转换 html 并将其放入变量中？

例如：

var temp;
temp = html(result);

像这样的东西，当然这不起作用，但是如何将转换后的结果放入变量而不将其写入屏幕？由于我正在循环中检查转换后的结果，因此认为如果继续将每个循环都将其写入屏幕，那就太浪费资源了。

编辑：

抱歉造成混淆，例如，如果结果是 "

abc

" 则 $(#mydiv).html( result) 使 mydiv 显示 "abc"，通过删除

标签将 html“转换”为普通文本。那么如何将 "abc" 放入变量中而不执行 var temp=$(#mydiv).text() 之类的操作？

Answer 1

这是非 jQuery 解决方案：

function htmlToText(html) {
    var temp = document.createElement('div');
    temp.innerHTML = html;
    return temp.textContent; // Or return temp.innerText if you need to return only visible text. It's slower.
}

在 IE ≥9 中效果很好。

Answer 2

不，html 方法不会将 HTML 代码转换为文本，而是将 HTML 代码转换为 DOM 元素。浏览器将解析 HTML 代码并从中创建元素。

您不必将 HTML 代码放入页面中即可将其解析为元素，您可以在独立元素中执行此操作：

var d = $('<div>').html(result);

现在您有一个 jQuery 对象，其中包含一个 div 元素，该元素具有解析后的 H​​TML 代码中的元素作为子元素。或者：

var d = $(result);

现在您有一个 jQuery 对象，其中包含已解析的 HTML 代码中的元素。

Answer 3

您可以简单地删除所有 HTML 标签：

var text = html.replace(/(<([^>]+)>)/g, "");

Answer 4

你可以尝试：

var tmp = $("<div>").attr("style","display:none");
var html_text = tmp.html(result).text();
tmp.remove();

但是用正则表达式修改字符串的方式更简单，因为它不使用DOM遍历。

您可以使用正则表达式将 html 替换为文本字符串，就像用户 Crozin 的回答一样。

附注
另外，您可能喜欢
替换为换行符的方式：

var text = html.replace(/<\s*br[^>]?>/,'\n')
            .replace(/(<([^>]+)>)/g, "");

Answer 5

为什么不使用 .text()

$("#myDiv").html($(result).text());

Answer 6

var temp = $(your_selector).html();

变量 temp 是一个包含 HTML 的字符串

Answer 7

$("#myDiv").html(result); 未将文本格式化为 html 代码。您可以使用 .html() 来做一些事情。

如果您说 $("#myDiv").html(); ，但您没有将参数传递给 `html()' 函数，那么您正在“获取”当前所在的 html div 元素。
所以你可以说，

var whatsInThisDiv = $("#myDiv").html();
console.log(whatsInThisDiv); //will print whatever is nested inside of <div id="myDiv"></div>

如果你在 .html() 调用中传递一个参数，你将把 html 设置为存储在你传递的变量或字符串中的内容。例如，

var htmlToReplaceCurrent = '<div id="childOfmyDiv">Hi! Im a child.</div>';
$("#myDiv").html(htmlToReplaceCurrent);

这会让你的 dom 看起来像这样......

<div id="myDiv">
    <div id="childOfmyDiv">Hi! Im a child.</div>
</div>

Answer 8

最简单、安全的解决方案 - 使用 Dom Parser

对于更高级的用法 - 我建议您尝试 Dompurify

它是跨浏览器的（并且支持 Node js）。只有 19kb gziped

这是我创建的一个 fiddle ，它将 HTML 转换为文本

const dirty = "Hello <script>in script<\/script> <b>world</b><p> Many other <br/>tags are stripped</p>";
const config = { ALLOWED_TAGS: [''], KEEP_CONTENT: true, USE_PROFILES: { html: true }  };
// Clean HTML string and write into the div
const clean = DOMPurify.sanitize(dirty, config);
document.getElementById('sanitized').innerText = clean;

输入：<代码>Hello

输出：Hello world许多其他标签被剥离

Answer 9

使用 dom 有几个缺点。其他答案中未提及的一个：媒体将被加载，导致网络流量。

我建议在将某些标签（如 br、p、ol、ul 和标题）替换为 \n 换行符后使用正则表达式来删除标签。