Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取没有HTML标记的文本_Javascript_Html_Reactjs_Tags - Fatal编程技术网

Javascript 获取没有HTML标记的文本

Javascript 获取没有HTML标记的文本,javascript,html,reactjs,tags,Javascript,Html,Reactjs,Tags,我从WordPressAPI返回帖子,目前得到一个包含帖子的数组。我可以得到返回的字符串,但它包含HTML标记。我使用了textContent和innerText,但似乎不起作用 我现在返回信息:111,键:fdfd,城市:,郊区:,工作: top返回内容时不使用和的最佳方式是什么?您需要将字符串转换为HTML页面,然后以“p”元素为目标并提取其文本。比如: var p = "<p> info: 111,<br /> key: fdfd ,<br />

我从WordPressAPI返回帖子,目前得到一个包含帖子的数组。我可以得到返回的字符串,但它包含HTML标记。我使用了textContent和innerText,但似乎不起作用

我现在返回
信息:111,
键:fdfd,
城市:,
郊区:,
工作:


top返回内容时不使用

的最佳方式是什么?

您需要将字符串转换为HTML页面,然后以“p”元素为目标并提取其文本。比如:

var p = "<p> info: 111,<br /> key: fdfd ,<br /> city: ,<br /> suburb: ,<br /> job:  </p>"
var parser = new DOMParser();
var htmlDoc = parser.parseFromString(p, 'text/html');
console.log(htmlDoc.body.getElementsByTagName("P")[0].innerText);
var p=“信息:111,
关键字:fdfd,
城市:,
郊区:,
工作:

” var parser=新的DOMParser(); var htmlDoc=parser.parseFromString(p,'text/html'); log(htmlDoc.body.getElementsByTagName(“P”)[0].innerText);
这更像是对另一种常见方式的警告。

ATD提到的
DOMParser()
的一个常见替代方法是创建一个元素,将其添加为
innerHTML
,并使用
textContent
获取它

让tParser=document.createElement('div');
tParser.innerHTML=“信息:111,
关键字:FDFDFD,
城市:,
郊区:,
工作:

”;
console.log(tParser.textContent)
您的问题已经得到了回答:


功能提取内容{
var span=document.createElement('span');
span.innerHTML=s;
返回span.textContent | | span.innerText;
};
警报(提取内容(“Hello

”);
原始问题:

应将其标记为重复。另外,
innerHTML
也不是一种推荐的方法,正如莱恩所描述的那样。