Vanilla JS相当于$（nav ul li a）.eq [0] .attr（＆＃39; href＆＃39;）

Question

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

类似

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);