Javascript 使用JS如何选择HTML5元素？

编辑：我对JavaScript一无所知。我花了很长时间想解决我的问题，但不知道正确的单词或短语来问“正确”的问题。其他一些模糊不清的类似问题根本没有我的问题那么清楚和具体：如何选择导航

我有一些JS要添加一个类到我的

：

您正在寻找的方法是返回所有元素的列表，其中包含匹配的标记名

var elements=document.getElementsByTagName（“nav”）；
var first_nav=元素[0]；
控制台日志（第一导航）
您可以使用getElementsByTagName或querySelector


document.getElementsByTagName（“nav”）[0].classList.add（“mystyle”）；
document.querySelector（“nav”）.classList.add（“mystyle2”）
.mystyle{
颜色：红色；
}
.mystyle2{
字号：18px；
}
Nav
，它将CSS选择器作为参数

   var element = document.querySelector("nav");
   element.classList.add("mystyle");


如果该
nav
是某个
头
的子项，则可以添加其选择器以仅获取该父项中的
nav

   var element = document.querySelector("header nav");
   element.classList.add("mystyle");

在类似后者的情况下，它实际上是excel的CSS选择器参数
var element=document.getElementByTagName（“nav”）[0]其中0将是整个文档中元素的索引。可能是的重复项
   var element = document.querySelector("nav");
   element.classList.add("mystyle");

var element = document.getElementByType("nav");

   var element = document.querySelector("nav");
   element.classList.add("mystyle");

   var element = document.querySelector("header nav");
   element.classList.add("mystyle");