DOM文档对象模型(1)

首先我们必须明确BOM和DOM的区别，一个是browser一个是document所以分别是浏览器对象模型和文档对象模型！

接下来看看Dom的基础知识

例子：<div id = "box">ios</div>

节点分为三类：

1.元素节点：其实就是标签,如<div></div>

2.文本节点：其实就是标签内的纯文本,ios

3.属性节点：其实就是标签的属性，id ＝ "box"

查找元素：

getElementById();参数传递一个元素的id值，这样就可以获取到该元素的节点

不过如果我们用常规的方式直接去执行，会发现返回null

主要我们加载js的时候文档并没有执行完，所以解决的办法有两种

1.我们在html中把js文件加载放在文档末尾

2.我们在js中把代码如下的函数里面

window.onload = function(){

//这里存放当王爷所有内容加载完毕，在执行的代码

}

元素节点有两个属性

tagName－－标签的名字比如div ，label

innerHTML －－ 节点的内容就是村文本

在html中如下标签

<div id="box"  title="标签" class = "pox" style="color:red">测试</div>

在js中

var box = getElementById("box");

box.title

box.style.color

box.className

box.tagName

box.innerHTML

通过以上可以获取对应的值

对于自定义的属性的话，必须只能iE才支持，其他的浏览器就能用了，所以不考虑