# **JS获取元素标签** 通过ID获取（getElementById）； 通过name属性（getElementsByName）； 通过标签名（getElementsByTagName）； 通过类名（getElementsByClassName）； 获取html的方法（document.documentElement）； 获取body的方法（document.body）； **querySelector**() 方法仅仅返回匹配指定选择器的**第一个元素**。 如果你需要返回所有的**元素**，请使用**querySelectorAll**() 方法替代 **点击添加active类并移除同辈存在的active类** ``` <script type="text/javascript"> document.querySelectorAll('.top_tabs>li').forEach(function(e,i,list){ e.onclick=function(){ list.forEach(function(e,i,list){ e.classList.remove("active"); }) e.className="active"; } }) </script> ```