Javascript 按类名获取元素,在<;中不带字符串;span>;

Javascript 按类名获取元素,在<;中不带字符串;span>;,javascript,html,Javascript,Html,我试图从一段HTML代码(不是我的)中获取字符串:这是我需要的 <div class="hlFld-Abstract"><h2 id="section-1"><span>Abstract</span></h2><div class="abstractSection abstractInFull"><p xmlns:mml="http://www.w3.org/1998/Math/MathML">THIS is w

我试图从一段HTML代码(不是我的)中获取字符串:
这是我需要的

<div class="hlFld-Abstract"><h2 id="section-1"><span>Abstract</span></h2><div class="abstractSection abstractInFull"><p xmlns:mml="http://www.w3.org/1998/Math/MathML">THIS is what I need</p> </div></div><h2><span>Keywords</span>

它几乎完成了这项工作,但是它还包括
▪ 摘要 ,我不需要它。如何仅获取字符串
这是我需要的

尝试这样做。使用
document.querySelector()

var text=document.querySelector('p');
警报(text.textContent)

Abstract

这就是我需要的

关键字
像这样试试。使用
文档。querySelector()

var text=document.querySelector('p');
警报(text.textContent)

Abstract

这是我需要的

关键字
您可以使用
查询选择器
来实现:

console.log(document.querySelector('div.abstractSection.abstractInFull p').textContent)

Abstract

这是我需要的

关键字
您可以使用
查询选择器
来实现:

console.log(document.querySelector('div.abstractSection.abstractInFull p').textContent)

Abstract

这就是我所需要的

关键字
这里有一个纯Javascript的快速解决方案,使用:

查询选择器

var mytext=document.querySelector(“div[class='abstractSection abstractInFull']”;
警报(mytext.textContent)

Abstract

这就是我所需要的

关键字
这里有一个纯Javascript的快速解决方案,使用:

查询选择器

var mytext=document.querySelector(“div[class='abstractSection abstractInFull']”;
警报(mytext.textContent)


Abstract

这就是我需要的

关键字
使用查询选择器或Jquery链接。我发现您的HTMLDOM似乎不正确

使用查询选择器或Jquery链接。我发现您的HTMLDOM似乎不正确

document.getElementById(“第1节”).document.getElementsByClassName….
它几乎完成了任务。。。呃,不。。。您将得到一个错误
TypeError:document.getElementById(…)。文档未定义
我没有收到任何错误。
document.getElementById(“section-1”).document.getElementsByClassName…
它几乎完成了任务。。。呃,不。。。你会得到一个错误
TypeError:document.getElementById(…)。文档未定义
我没有得到任何错误。这看起来不错,但当我用编程语言运行它时(它使用IE 11),我也会得到
摘要
。为什么会这样?另一个使用
document.querySelector('p')
的答案运行得很好。您确定这是确切的html,并且您运行的正是这段代码吗?是的,我是。我的代码如下
IE.document.querySelector(“div[class='abstractSection abstractInFull'])。很奇怪,它不能在不同的编程语言中工作。我的错误。它应该是
IE.document.querySelector(“div.abstractSection.abstractInFull p”).textContent
代码在我的语言中不起作用。
Hikmat Sijapati
的答案很有技巧,但它只依赖于
p
标记。这看起来很棒,但当我用编程语言(它使用IE 11)运行它时,我也得到了
摘要
。为什么会这样?另一个使用
document.querySelector('p')
的答案运行得很好。您确定这是确切的html,并且您运行的正是这段代码吗?是的,我是。我的代码如下
IE.document.querySelector(“div[class='abstractSection abstractInFull'])。很奇怪,它不能在不同的编程语言中工作。我的错误。它应该是
IE.document.querySelector(“div.abstractSection.abstractInFull p”).textContent
代码在我的语言中不起作用。
Hikmat Sijapati
的答案很有技巧,但它只依赖于
p
标记。是否有机会不仅考虑
p
而且考虑其他标记?是否有机会不仅考虑
p
而且考虑其他标记?运行良好。但当用我的编程语言(它使用IE11)运行它时,我也得到了
摘要
。为什么会这样?有趣的是,另一个使用document.querySelector('p')的答案很好,但我认为我们不应该只依赖
p
@ments。我的答案根本不依赖于“p”。我正在使用CSS选择器。你看到我的解决方案了吗?我的意思是另一个解决方案很好,但它完全依赖于
p
。因此,您的解决方案似乎更好。它运行良好。但当用我的编程语言(它使用IE11)运行它时,我也得到了
摘要
。为什么会这样?有趣的是,另一个使用document.querySelector('p')的答案很好,但我认为我们不应该只依赖
p
@ments。我的答案根本不依赖于“p”。我正在使用CSS选择器。你看到我的解决方案了吗?我的意思是另一个解决方案很好,但它完全依赖于
p
。所以你的解决方案似乎更好。
document.getElementById("section-1").document.getElementsByClassName("abstractSection abstractInFull")[0].textContent