1.读取文档元素:
(1). 通过ID:
var section1 = document.getElementById("section1");
//如果只有一个返回本身,如果是多个返回NodeList var radiobuttons = document.getElementsByName("xxxx");
var firstPara = document.getElementsByTagName("p")[0];
document.body, document.head, doucument.documentElement(html根标签);
注意: NodeList 和HTMLCollection都是类数组,不能直接使用数组的方法,但是可以通过数组的原型方法调用;
这两种类型都是实时的,在迭代时如果文档插入或删除了元素,需要在之前备份副本。
var snapshot = Array.prototype.slice.call(nodelist, 0);
通过HTML的class属性,在JS中由于class是保留字所以使用className;
var warning = document.getElementsByClassName("warning");
一些基本的CSS选择器语法:
使用Document/Element.querySelectorAll()通过传入CSS选择器字符串来获得NodeList,这里的返回值不是实时的;
使用querySelector()获得第一个符合要求的元素。