如何获取HTML元素的文本

Question

我想提取html的文本部分。

如果我有<p>ABCD</p>

我要出去放是ABCD

喜欢的东西，

var html='<p>ABCD</p>'; 
var str = convertToString(html); 

希望，我需要从HTML转换为字符串的函数，或者可能从中提取字符串。

Answer 1

您可以使用jQuery从一个字符串中提取文本内容

var html = '<p>ABCD</p>'; 
var str = $(html).text();//get a jQuery reference and then read its text content 
console.log(str) 

Answer 2

var html = '<p>ABCD</p>'; 
 
var str = $(html).text(); 
 
console.log(str);

这将做任务。

Answer 3

所有你需要的是一个selector(id,class name etc)获得DOM所需要的元素，并使用.text()获得text part of the html.

HTML

<p>ABCD</p> 

jQuery的

var str = $('p').text(); // $('p') "p" is a selector to select p element(s) 
console.log(str) 

DEMO

Answer 4

JavaScript的方式

var txt = document.getElementById("demo").innerHTML; 
 
alert(txt);

<p id="demo">Test text</p>