我正在尝试使用一个JS函数获取HTML字符串的内部文本（该字符串作为参数传递）。以下是代码：
function extractContent(value) {
var content_holder = "";
for (var i = 0; i < value.length; i++) {
if (value.charAt(i) === '>') {
continue;
while (value.charAt(i) != '<') {
content_holder += value.charAt(i);
}
}
}
console.log(content_holder);
}
extractContent("<p>Hello</p><a href='http://w3c.org'>W3C</a>");问题在于控制台没有打印任何内容（*content_holder*保持为空）。我认为问题是由 === 运算符引起的。
textContent：
function extractContent(s) {
var span = document.createElement('span');
span.innerHTML = s;
return span.textContent || span.innerText;
};
alert(extractContent("<p>Hello</p><a href='http://w3c.org'>W3C</a>"));这里有一个版本，可以让你在节点之间添加空格，不过你可能只想对块级元素使用这个功能：
function extractContent(s, space) {
var span= document.createElement('span');
span.innerHTML= s;
if(space) {
var children= span.querySelectorAll('*');
for(var i = 0 ; i < children.length ; i++) {
if(children[i].textContent)
children[i].textContent+= ' ';
else
children[i].innerText+= ' ';
}
}
return [span.textContent || span.innerText].toString().replace(/ +/g,' ');
};
console.log(extractContent("<p>Hello</p><a href='http://w3c.org'>W3C</a>. Nice to <em>see</em><strong><em>you!</em></strong>"));
console.log(extractContent("<p>Hello</p><a href='http://w3c.org'>W3C</a>. Nice to <em>see</em><strong><em>you!</em></strong>",true));HelloW3C - 真的是 OP 想要的吗？不是 Hello W3C 吗？ - davidkonrad一行（更准确地说，一个语句）版本：
function extractContent(html) {
return new DOMParser()
.parseFromString(html, "text/html")
.documentElement.textContent;
}
Rick Hitchcock的回答有什么区别？ - Sharique AnsariDOMParser是“实验性技术”，但很可能会被添加到规范中。它的HTML支持在IE10+中工作。我的原始答案适用于IE9+，但现在已更新以支持IE8。 - Rick HitchcocktextContent是实现期望结果的非常好的技术，但有时我们不想加载DOM。因此，一个简单的解决方法是使用以下正则表达式：
let htmlString = "<p>Hello</p><a href='http://w3c.org'>W3C</a>"
let plainText = htmlString.replace(/<[^>]+>/g, '');
使用以下正则表达式去除HTML标签并仅存储HTML中的纯文本内容
它将显示HelloW3c，只需检查即可。
var content_holder = value.replace(/<(?:.|\n)*?>/gm, '');
/<[\s\S]*?>/ 或者 /<[^]*?>/。你的 m 标志没有任何作用；它与 ^ 和 $ 的行为有关。 - user663031这将使用jsdom库，因为node.js没有浏览器中的DOM功能。
import * as jsdom from "jsdom";
const html = "<h1>Testing<h1>";
const text = new jsdom.JSDOM(html).window.document.textContent;
console.log(text);
尝试这个：
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
function extractContent(value){
var div = document.createElement('div')
div.innerHTML=value;
var text= div.textContent;
return text;
}
window.onload=function()
{
alert(extractContent("<p>Hello</p><a href='http://w3c.org'>W3C</a>"));
};
</script>
</body>
</html>HTML：
<div id="tmp" style="position:absolute;top:-400px;left:-400px;">
</div>
JavaScript：
<script type="text/javascript">
function extractContent(value){
var div=document.getElementById('tmp');
div.innerHTML=value;
console.log(div.children[0].innerHTML);//console out p
}
extractContent("<p>Hello</p><a href='http://w3c.org'>W3C</a>");
</script>
var div = document.createElement('div') 创建一个元素，然后从那里继续进行即可。 - user663031<p>Hello<i>Bob</i></p><a>...</a>，则此方法会失败。 它将保留p元素内部的标记。 - user663031使用jQuery，我们可以添加逗号分隔的标签。
var readableText = [];
$("p, h1, h2, h3, h4, h5, h6").each(function(){
readableText.push( $(this).text().trim() );
})
console.log( readableText.join(' ') );
function getTextLoop(element: HTMLElement | ChildNode) {
const texts = [];
Array.from(element.childNodes).forEach((node) => {
if (node.nodeType === 3) {
texts.push(node.textContent.trim());
} else {
texts.push(...getTextLoop(node));
}
});
return texts;
}
function innerText(element: HTMLElement) {
return getTextLoop(element).join(" ");
}
export function extractContent(s, space) {
var span = document.createElement("span");
span.innerHTML = s;
if (space) {
span.innerHTML = innerText(span);
}
return [span.textContent || span.innerText].toString().replace(/ +/g, " ");
}
例子：
extractContent("<div>foo<div>bar</div></div>", true); // foo bar
match()函数来提取HTML标签。
const text = `<div>Hello World</div>`;
console.log(text.match(/<[^>]*?>/g));
continue指令的存在，您的while循环永远不会被执行。 - Arnaud Christ