dom文档对象 2

1.节点关系

父子
父节点 parentElement
所有子节点 children
第一个子节点 firstElementChild
最后个子节点 lastElementChild

兄弟
上一个兄弟 previousElementSibling
下一个兄弟 nextElementSibling

2.属性操作

getAttribute         获取属性
setAttribute         设置属性
removeAttribute      移除属性

3.节点信息

js的DOM核心编程,每一个元素都是一个节点

节点的名称：nodeName

元素节点：返回的是元素标签名的大写    例P
文本节点：返回#text

节点的类型：nodeType

    元素节点：1
    文本节点：3

节点的值：nodeValue

元素节点：none
文本节点：文本内容

（fristElementChild  与  fristChild   的区别）

fristElementChild：：        第一个节点只能是元素

fristChild ：：                    第一个节点可以是文本，可以是元素

4.节点操作

documentcreateElement(tag)               //创建节点	
elem.remove()                            //删除节点1
elem.parentElement.removeChild(elem)     //删除节点2
var elem2 =elem.cloneNode(false)         //复制节点,不带子节点
var elem2 =elem.cloneNode(true\)         //复制节点,带子节点	
parent.appendChild(elem)                 //插入节点..(将elem插入到parent最后面)
parent.insertBefore(新的节点,相关节点)    //插入节点..把新的节点插入到 相关节点的前面
parent.replaceChild（新的节点,相关节点）  //替换节点

5.表格操作

row = table.insertRow(index)                //创建行
td1 = row.insertCell(index)                 //创建列
td1.firstElementChild.firstElementChild     //设置列内容

6.select 下拉框

var option = new Option(text,value)    //创建一个option
select.add(option,before)              //插入一个option

7.事件的注册

DOM 在html标签中
<h1 onclick='callMe()'>



DOM1   实现js与html分离
bth.onclick=callMe;
bth.onclick=function(){}
(多次注册,只会执行最后一个)


DOM2 可以添加多个,也可以移除
bth.addEvebrtListener('click',callMe)
bth.addEvebrtListener('click',function(){})


移除全部click
bth.removeEvenListenter('click')


移除一个
bth.removeEvenListenter('click',callMe)