javascript - Vanilla JS 相当于 $(nav ul li a).eq[0].attr ('href' )

Question

与上面编写的 Jquery 代码等效的 Vanilla JS 是什么？在html页面中，如果这些链接href实际上是同一页面上元素的Id，则该代码将返回实际的元素对象。

类似的东西

document.querySelectorAll('nav ul li a')[0].getAttribute('href') 

只会以字符串形式返回 href 的值:而不是它链接到的元素。

如何在 Vanilla、纯 Javascript 中实现此目的？真的有办法吗？

Answer 1

如果 href 的值类似于 #someID，并且您想要获取它引用的元素，请使用:

var element = document.querySelector(document.querySelector('nav ul li a').getAttribute('href'));

或者使代码更清晰:

var selector = document.querySelector('nav ul li a').getAttribute('href');
var element = document.querySelector(selector);