什么是DOM?
DOM(文档对象模型),是针对HTML和XML文档的一个API,通过DOM可以去改变文档。
通俗地说,我们可以通过DOM来实现在js中访问HTML节点的目的。
var a=document.getElementById("ddd");
//通过document.getElementById来访问Id为ddd的节点,并将其赋值给a
var b=a.innerHTML;
//将a中的所有元素以字符串的方式赋值给b
节点
HTML文档可以说是由节点构成的集合,节点有以下几种:
- 元素节点:<html>、<body>、<p>等都是元素节点,即标签
- 文本节点:向用户展示的内容,如<p>I AM CONTEXT</p>中的I AM CONTEXT文本
- 属性节点:元素的属性,如<a>标签的链接属性href="http://....."
常用
document.getElementById()
document.getElementsByTagName()
(此句比第一句多了一个s,那是因为通过此方法访问的是一个数组,即单数与复数的区别)
document.createElement()
parentNode
childNodes
appendChild()
a.innerHTML