Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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 获取元素内部的文本 第一个文本 第二文本 _Javascript_Html - Fatal编程技术网

Javascript 获取元素内部的文本 第一个文本 第二文本

Javascript 获取元素内部的文本 第一个文本 第二文本 ,javascript,html,Javascript,Html,这是我的代码,如何获取段落标记内的内容。[标签可能更改为div或ul]。我需要javascript提供段落标记内的所有内容 输出应为: 第一个文本第二个文本 抱歉,我是javascript新手,搜索过,但找不到相关问题的答案。感谢获取标记的值,您可以使用选择器获取元素并使用innerHTML获取值。像这样: 你好 console.log(document.getElementsByTagName('p')[0].innerHTML) n.b.在上面的代码中,它通过标记名进行选择,因此它返回一个匹

这是我的代码,如何获取段落标记内的内容。[标签可能更改为div或ul]。我需要javascript提供段落标记内的所有内容

输出应为:

第一个文本第二个文本


抱歉,我是javascript新手,搜索过,但找不到相关问题的答案。感谢获取标记的值,您可以使用选择器获取元素并使用
innerHTML
获取值。像这样:

你好

console.log(document.getElementsByTagName('p')[0].innerHTML)

n.b.在上面的代码中,它通过标记名进行选择,因此它返回一个匹配元素的数组

因此,在您的示例中,将
.innerHTML
与一起使用将为您提供
p
标记内容,包括任何html标记等

如果只需要内容,可以使用
.textContent

console.log(document.getElementsByTagName('p')[0].textContent)
这个不会给你内部的html标签


n.b.还有
innerText
方法,但是跨浏览器不支持该方法

您可以根据需要的标签进行更改,但基本上这可以实现以下目的:

<p class="MsoNormal" style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:
           justify;line-height:normal">
First Text 

<span lang="EN-US" style="font-size:12.0pt;
            font-family:&quot;Times New Roman&quot;,&quot;serif&quot;">
Second Text</span>

</p>

InnerText应该是一个很好的解决方案

console.log(document.getElementsByTagName('p')[0].innerText)

第一个文本 第二文本


$('p').text()您是否尝试过它。@Franky在javascript
var text=element.innerText | | element.textContent值得一提的是,
innerText
在不同浏览器中并不完全受支持
document.getElementsByTagName('p')[0].innerText