DOM

一 ：节点属性：
元素节点 文本节点 属性节点 （dom3中不再是节点）
childNodes 元素的直接孩子节点 包括元素节点和文本节点(空白属于 文本节点)
firstChild
lastChild
parentNode 父节点
previousSibling 上一个兄弟节点
nextSibling 下一个兄弟节点
children 直接的后代元素节点
二：Document 对象
1.属性：
body title URL forms links（超链接） imgs
改内容 o.innerHTML=’ ’
改样式 o.style.color=’ ’
改属性 o.属性. =‘’ //下列属性中的操作
节点名称是节点名字
o.nodeName
o.nodeType{1元素 2属性 3文本}
2.方法
write（）
getElementById（）//找的到 返回指定节点对象 找不到 返回null
3.具体操作
DOM通过js操作HTML 增删改查
1.查找
属性和getElementById
2.增加
createElement（‘’）创建元素节点对象
createTextNode（‘’）创建文本节点
insertBefore（新节点，旧节点） 在旧节点前插入新节点
appendChild（） 以子节点形式追加到指定节点中
表单元素
创建表格
Var tab=document.creatElement(‘table’)
创建表头
tab.createCaption.innerHTML=’’
创建行
var tr=tab.insertRow();
创建列
tr.insertCell（）.innerHTML=’’

3修改
replaceChild（新节点，旧节点） 新节点代替旧节点
可以使用连缀
o.nextSibling.nextSibling.nextSibling.innerHTML=123456

4删除
removeChild 父节点删除子节点
5复制
cloneNode（true） 没有true默认为false 不复制子节点
一般创建一个新的节点 将节点放入容器中
三：DOM中属性的操作
1属性值的修改
obj.属性=值
2属性值的获取
obj.属性名
3属性映射表
HTML DOM
src src
alt alt
type type
tittle title
Class className
For htmlFor
四：DOM属性操作
1 属性的取值
对象.属性名 针对特殊属性要变形 如 class转换为className
getAttribute（属性名 ） 注意 属性名和HTMl严格保持一致
对象[属性名]=值 针对特殊属性要变形 如 class转换为className
2属性的赋值
1对象.属性名=值
针对特殊属性要变型 class转为className
setAttribute|（属性名，属性值）
与HTML严格保持一致
对象【属性名】=值
3样式修改
对象.style.样式名=值；
注意 样式名有多个单词拼接 去掉- 改为第二个单词开始 首字母大写
对象.属性名=值
对象.属性名
对象.style.样式名=值
样式取值
对象.style.样式名 只能取得行内样式的值
window.getComputedStyle（对象，null） 获取指定对象的所有样式对象
五：其他
onmouseover 鼠标经过
outmouseout 鼠标离开6
setInterval （）启动定时器
clearInterval（定时器名字） 清除定时器