javascript DOM概述

javascript DOM

一、javascript语言里的对象可以分为三种类型.
　　用户定义对象：由程序员自行创建的对象
　　内建对象：内建在javascript语言里的对象，如array math Date
　　宿主对象:由浏览器提供的对象（最基础的对象是window对象）

二.节点
　　元素节点、文本节点、属性节点

二、获取元素

　　1.文档中的每一个元素都是一个对象。

　　typeof操作符可以告诉我们它的操作数是一个字符串、数值、函数、布尔值还是对象。、

　　有3种方法可获取元素节点，分别是通过元素ID、通过标签名字和通过类名字来获取。
　　5个常用DOM方法（编写许多DOM的基石）
　　getElementById 元素ID 返回一个对象
　　getElementsByTagName 标签名字 返回一个数组
　　getElementsByClassName 类名字

　　获取和设置属性
　　getAttribute
　　setAttribute

三、创建元素
　　createElement方法
　　appendChild方法 把新创建的节点插入某个文档的节点树
　　createTextNode方法 创建一个文本节点

5.属性
　　数组元素 childNodes 用来获取任何一个元素的所有子元素。
　　nodeType
　　nodeValue 改变文本节点的值
　　firstChild 访问childNodes数组的第一个元素 node.firstChild 等价于 node.childNodes[0]
　　lastChild node.lastChild 等价于 node.childNodes[node.childNodes.length-1];