Javascript 如何仅从html标记中获取文本

我查询了一些数据，结果是这样的

<p><img src="xxx.png" alt="" style="margin&#58;5px;" /><br></p><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br></p>

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。

在控制台上显示。我想从这个数据中删除所有html标记，只得到如下字符串

<p><img src="xxx.png" alt="" style="margin&#58;5px;" /><br></p><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br></p>

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一位不知名的印刷商将一个印刷机上的铅字拼凑成一个铅字

任何人都知道如何从该数据或某些解决方案中删除单引号和双引号。谢谢

console.log（$（'p'）.text（））

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的打印机将一个铅字槽拼凑成一本铅字样本书。

您可以创建一个临时元素并读取它的

。textContent

属性：

var d = document.createElement('div');
d.innerHTML = htmlContent;
var textContent = d.textContent || d.innerText;

如果可以使用jQuery：

var textContent = $('<div/>').html(htmlContent).text();

var textContent=$（''）.html（htmlContent.text（）；

您可以使用

innerHTML

在你的JavaScript中

var a = document.getElementById("para") //Let us say your paragraph id is "para"

var b - a.innerHTML;

现在

b

将包含段落中的字符串

var a=document.getElementById（“para”）；
var b=a.innerHTML；
警报（b）


Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一位不知名的印刷商将一个铅字槽拼凑成一本铅字样本书。
使用正则表达式

函数RemoveHTMLTags（html）{
var regX=/（]+>）/ig；
警报（html.replace（regX，“”）；
}

函数gettextly（）{
var pTag=document.getElementById（“页面”）；
textOnly=pTag.innerHTML；
textOnly=textOnly.replace（“
”，”）；
警报（仅限文本）；
}

页面标题

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。

显示文本
有几件事需要考虑，
a） 是否要获取特定类型的所有DOM元素的文本

如果确实如此，请使用以下方法：

<div>
  A lot of content here
</div>

var data = $('div');
console.log(data.innerHTML);


这里有很多内容
var数据=$（'div'）；
log（data.innerHTML）；

否则，分别向需要其数据的元素添加一个类或id，然后使用上面的代码，但将“div”替换为您的类/id。
只需追加并尝试这个简单的jQuery即可

<div id="output"><div>

<Script type="text/javascript">
  $("#output").html($("p").text());
</script>


$（“#output”）.html（$（（“p”）.text（））；
在本例中，jQuery方式和vanilla Javascript方式也是如此：


//jQuery方式：
console.log（$（'p'）.text（））
//或者可以使用vanilla JS：
让para=document.getElementsByTagName（'p'）；//这也可以通过getElementById（）实现
console.log（第[1]段）.innerText）；//我们之所以使用[1]，是因为我们有两个标记
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。

使用

.text（）

仅获取文本