Javascript选择器如何仅获取排名第一的引用

嗨，我对编码是个新手。做一些javascipt布局。但我需要做一些变量。我不知道怎么做。我想做一个下拉菜单。对于此站点。现在，为了做我想做的事情，我需要选择一个href，而不必更改任何html。让浏览器转到链接，然后执行一些javascript，所以我需要做的是找到一种方法来选择特定的a href。我需要在不选择任何子菜单项的情况下选择头部菜单项。因为它们应该是clickevent上的下拉列表。 我已经到了这一步

a href="http://bertconinx.com/category/portrets/">Portrets</a 

a href="http://bertconinx.com/category/weddings/">Weddings</a>

但它不起作用

关于如何选择它们有什么想法吗

---

谢谢。

documentNode.GetElementsByCassName返回一个项目列表，因此虽然可以对每个项目调用.getElementsByTagName，但不能直接调用列表中的函数。你需要做的是

// initialize an array to hold the anchors we get, and get all menu items on the document
var firstAnchors = [], 
    menuItems = document.getElementsByClassName('menu-item');
// iterate through the menu items and their specific anchors, adding only the first one of each menu item to our list
for(var menuItem of menuItems){
    firstAnchors.push(menuItem.getElementsByTagName('a')[0]);
}
// now, our anchors should be here
console.log(firstAnchors);

输出：

[
 {"name":"Portrets","anchor":element},
 {"name":"Weddings","anchor":element},
 {"name":"Wild","anchor":element},
 {"name":"Commercial Work","anchor":element},
 {"name":"About","anchor":element}
]
Example: element --> <a href="http://bertconinx.com/category/portrets/">Portrets</a>

---

欢迎来到堆栈溢出！这样做的方式，你的整个问题（包括任何必要的代码）必须在你的问题中，而不仅仅是链接。原因有两个：人们不应该非得去场外帮助你；链接腐烂，使问题及其答案对未来的人们毫无用处。请在问题中加一个字母。更多：JavaScript没有选择器或布局。选择器是一个CSS概念（它也通过

querySelector

和

querySelectorAll

被带入DOM）。布局是一个HTML和CSS概念（在此上下文中）。我建议在每一个单独的科目上都学习好的初学者教程。当开始了解什么与什么相关时可能会很棘手，所以希望有一些术语可以搜索并了解更多，这将有所帮助。快乐编码！adivce的thkx。我会仔细阅读这些主题。我已经开始了一个初学者课程，我认为这将是最好的：）.Thkx的帮助。我认为它可以正常工作。如果它满足你的要求，那么接受答案

var parentMenus = [],
    parentMenueElems =  document.getElementById("menu-main-nav").children;
for(var parentMenueElem of parentMenueElems){

   if(!parentMenueElem){continue;}

   var parentMenue = {
       "name": parentMenueElem.firstElementChild.text,
       "anchor": parentMenueElem.firstElementChild
   };
   parentMenus.push(parentMenue);
}
console.log(parentMenus)

[
 {"name":"Portrets","anchor":element},
 {"name":"Weddings","anchor":element},
 {"name":"Wild","anchor":element},
 {"name":"Commercial Work","anchor":element},
 {"name":"About","anchor":element}
]
Example: element --> <a href="http://bertconinx.com/category/portrets/">Portrets</a>

parentMenus[2].anchor.click();