javascript - 如何从网页中抓取文本并为其设置 document.title ？

Question

我所在的游戏网站的页面标题不反射(reflect)游戏标题，而是反射(reflect)网站名称和网站描述。每个游戏名称都显示在其页面上，如下所示:

<div id="gr-header">
   <div>
      <h1><a href='/games/'>Games Room</a> - Some Game Name Here</h1>
   </div>
   <div>
      some other stuff
   </div>
</div>

现在，我正在手动将 URL 中的游戏 ID 与相应的游戏标题进行匹配，并执行以下操作，其中 idlist 是一个包含游戏 ID 子集的数组，这让我很烦恼要检查，gamelist 是一个数组，其中包含按相应顺序排列的各个游戏名称。

for (i=0; i < idlist.length; i++)
{ 
   if (gameid[0] == idlist[i])
   { 
      document.title = gamelist[i];
      break;
   }
}

然而，这并不优雅，因为游戏太多，无法手动列出它们。如何从网页中获取“Some Game Name Here”文本并将该文本存储在变量中？

Answer 1

使用querySelector和一个简单的 regular expression :

var nameElement = document.querySelector ("#gr-header div h1");
var gameName    = nameElement.textContent.replace (/^.*\s-\s/, "");
document.title  = gameName;