如何从span中的类检索数据？

Question

我需要从HTML代码中检索一部分数据。下面是：

<span
class="Z3988" style="display:none;"
title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;
rfr_id=info%3Asid%2Focoins.info%3Agenerator&amp;rft.genre=article&amp;
rft.atitle=Parliamentarism Rationalized&amp;
rft.title=East European Constitutional Review&amp;
rft.stitle=E. Eur. Const. Rev.&amp;rft.date=1993&amp;
rft.volume=2&amp;rft.spage=33&amp;rft.au=Tanchev, Evgeni&amp;
rft_id=http://heinonline.org/HOL/Page?handle%3Dhein.journals/eeurcr2%26id%3D33%26div%3D%26collection%3D">
</span>

我试着使用例如：

document.querySelector("span.Z3988").textContent

document.getElementsbyClassName("Z3988")[0].textContent

我的最终目标是得到之后的一切：

1. rft.atitle (Parliamentarism Rationalized)
2. rft.title (East European Constitutional Review)
3. rft.date
4. rft.volume
5. rft.spage
6. rft.au

我该怎么做？我想避免RegEx。

Answer 1

如果您试图获取title属性：

document.getElementsByClassName("Z3988")[0].getAttribute("title");

Answer 2

得到span的标题，

将其吐到=，使用不会出现在我准备好的^字符串中的字符进行连接，为;做同样的操作，在本例中使用^的唯一字符进行拆分，然后在每个偶数索引处选择值。如果你需要字符串，就加入它。

例如Sinppet：

​

var spanTitle = document.getElementsByClassName("Z3988")["0"].getAttribute("title");

var data = spanTitle.split("=").join("^").split(";").join("^").split("^")

var finaldata = data.filter(function(d, index) {
  return !!index % 2;
})

console.log(finaldata)

<span class="Z3988" style="display:none;" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;
rfr_id=info%3Asid%2Focoins.info%3Agenerator&amp;rft.genre=article&amp;
rft.atitle=Parliamentarism Rationalized&amp;
rft.title=East European Constitutional Review&amp;
rft.stitle=E. Eur. Const. Rev.&amp;rft.date=1993&amp;
rft.volume=2&amp;rft.spage=33&amp;rft.au=Tanchev, Evgeni&amp;
rft_id=http://heinonline.org/HOL/Page?handle%3Dhein.journals/eeurcr2%26id%3D33%26div%3D%26collection%3D">
</span>

​

Answer 3

你标题中的内容看起来是一个网址搜索查询..。

​

var elm = document.querySelector('.Z3988')
var params = new URLSearchParams(elm.title) // parse everything

console.log(...params) // list all
console.log(params.get('rft.title')) // getting one example

<span class="Z3988" style="display:none;" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rfr_id=info%3Asid%2Focoins.info%3Agenerator&amp;rft.genre=article&amp;rft.atitle=Parliamentarism Rationalized&amp;rft.title=East European Constitutional Review&amp;rft.stitle=E. Eur. Const. Rev.&amp;rft.date=1993&amp;rft.volume=2&amp;rft.spage=33&amp;rft.au=Tanchev, Evgeni&amp;rft_id=http://heinonline.org/HOL/Page?handle%3Dhein.journals/eeurcr2%26id%3D33%26div%3D%26collection%3D"></span>

​