如何使用Javascript从超链接获取href
我正在用Javascript为我使用的网站创建一个键盘导航脚本(我不拥有这个网站,所以我自己不能对它做任何更改)。如果网站具有以下代码:如何使用Javascript从超链接获取href,javascript,html,tampermonkey,Javascript,Html,Tampermonkey,我正在用Javascript为我使用的网站创建一个键盘导航脚本(我不拥有这个网站,所以我自己不能对它做任何更改)。如果网站具有以下代码: <a href="/page/2.html">Next »</a> 要获取下一页,我如何通过搜索网站中的“下一页”来检索“/page/2.html”部分? 非常感谢您抽出时间 编辑: 我以前做过,我知道我的要求是可能的。我在上面列出了网站中唯一用于此代码的部分。我只希望使用内部HTML“Next”而不使用其他内容。上面显示的内容正
<a href="/page/2.html">Next »</a>
要获取下一页,我如何通过搜索网站中的“下一页”来检索“/page/2.html”部分?
非常感谢您抽出时间
编辑:
我以前做过,我知道我的要求是可能的。我在上面列出了网站中唯一用于此代码的部分。我只希望使用内部HTML“Next”而不使用其他内容。上面显示的内容正是网站HTML文件中的内容。我不建议这样做,因为在其他地方的页面上简单地键入“Next”可能会破坏代码。如果页面中的元素具有id属性,只需执行以下操作:
document.getElementById(“idOfTheElement”).getAttribute(“href”)代码>
但是,如果您确实想搜索页面,可以执行以下操作:
function getNextHref() {
var aTags = document.getElementsByTagName("a");
for(var i=0; i<aTags.length; ++i) {
if(aTags[i].search("Next") >= 0) {
return aTags[i].getAttribute("href");
}
}
return null;
}
函数getNextHref(){
var aTags=document.getElementsByTagName(“a”);
对于(变量i=0;i=0){
返回aTags[i].getAttribute(“href”);
}
}
返回null;
}
注意
element.getAttribute(“href”)
返回标记中键入的内容,而元素。href
返回解释的完整链接。您需要使用页面的更多结构(您没有向我们展示)来构造一个选择器(jQuery或CSS或XPath,按照优先顺序),以获得正确类型的“下一个”链接。如果这是一个网络喜剧,他们的范围从非常容易到正确的皮塔。(提示,人们已经为许多网络漫画编写了热键脚本。)我以前做过,但我不记得是怎么做的。我能够使用Javascript(不是jQuery、CSS、XPath等)搜索内部HTML“下一步”,如果找到,单击。该网站唯一需要的部分正是我上面列出的内容。许多这样的页面有不止一个“下一个”链接,而且它们并不总是做同样的事情。编辑问题以符合堆栈溢出要求(MCVE、显示努力等)。