1、DOM概述
文档对象模型(DOM)是表示和操作HTML和XML文档内容的基础API。
大多数客户端Javascript程序运行时总是在操作一个或多个文档元素。
查询文档的一个或多个元素的方法:
- 用指定的id属性;
- 用指定的name属性;
- 用指定的标签名字;
- 用指定的css类;
匹配指定的css选择器。
1.1通过ID选取元素
document.getElementById('section1');
通过ID查找多个元素
function getElements(){
var elements = {};//开始是一个空map映射对象
for(var i=0;i<arguments.length;i++){//循环每个参数
var id = arguments[i];//参数是元素的id
var elt = document.getElementById(id);//查找元素
if(elt==null){ //如果未定义
throw new Error("No element with id:" + id);//抛出异常
}
elements[id]=elt; //id和元素之间映射
}
return elements; //对元素映射返回id
}
1.2通过名字选取元素(只对html文档可用)
document.getElementByName("fa_color");
1.4通过标签名选取元素
document.getElementByTagName("span");
未完待续。。。。。。