如何獲取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>