目录
1.关于DOM,应该知道的
document object model 文件对象模型
定义了访问和处理html文档的标准方法。
Html文档中的所有内容都是节点。
- 整个文档是一个文档节点
- 每个html元素是元素节点
- html元素内的文本是文本节点
- 每个html属性是属性节点
- 注释是注释节点
2.DOM节点
节点构成了HTML文档的最基本单元。
分四类:
- 文档节点 Document 整个html文档
- 元素节点 Element html标签
- 文本节点 Text html 标签的文本内容
- 属性节点 Attribute 元素属性
3.DOM查询
-
根据元素Id查询:
document.getElementById(“id值”);
-
根据标签名称查询:
document.getElementsByTagName(“标签名称”);
-
根据name属性:
document.getElementByName(“name值”);
4.DOM查询操作一览表(以实例取代理论表达)
4.1.获取一个h2标签元素
var btn01 = document.getElementById("btn_1");
btn01.onclick = function(){
var h2 = document.getElementById("h2");
alert(h2.innerText);
}
4.2.获取所有的h2标签元素
var btn02 = document.getElementById("btn_2");
btn02.onclick = function(){