[TOC]

通过HTNL5新增的方法获取

①getElementsByClassName根据类名返回元素对象集合
语法:var elements = document.getElementsByClassName(names);或
var elements = rootElement.getElementsByClassName(names);
参数

  • elements 是一个实时集合,包含了找到的所有元素。
  • names 是一个字符串,表示要匹配的类名列表;类名通过空格分隔。

返回值
带有指定标签名的对象的集合(以伪数组的形式存储)。

②querySelector根据指定选择器返回第一个/所有元素对象
语法:element = document.querySelector(‘选择器’);
element = document.querySelectorAll(‘选择器’);
注意:选择器名字前要加类别,如:.box #nav li
参数
包含一个或多个要匹配的选择器的 DOM字符串DOMString。 该字符串必须是有效的CSS 选择器字符串;如果不是,则引发SYNTAX_ERR异常。
返回值
表示文档中与指定的一组CSS选择器匹配的第一个元素,一个 Element对象。如果没有匹配 到,则返回null。

盒子

盒子



.