[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。
盒子
盒子
.
