DOM

Posted 2021-01-13 s593941

DOM的获取:

　　1.获取document对象

　　console.log(document);

　　2.获取html对象

　　document.documentElement

　　3.获取body对象

　　document.body

 

通过三种方法来获取body中的DOM

　　div #box.box

　　1.通过id获取

　　document.getElementById("box")

　　2.通过类获取

　　document.getElementsByClassName("box")

　　3.通过标签获取

　　document.getElementsByTagName("div")

 

DOM三步走:

　　(1)　　获取事件源

　　(2)　　绑定事件

　　(3)　　事件驱动

 

DOM操作:

　　对标签属性的操作:

　　　　setAttribute()

　　　　getAttribute()

　　　　.src　　.alt　　.id　　.className

　　对DOM的创建,销毁的操作:

　　　　创建:　　document.createElement,　　适用于父DOM插入子DOM

　　　　追加:　　父.appendChild(子),父.insertBefore("要插入的节点","参考的子节点")　　适用于兄弟之间

　　　　删除:　　父.removeChild(子)

　　对样式属性的操作:oDiv.style.cssStyle

　　　　对于style对象的操作,css中的属性都可以设置,注意margin属性,使用js设置值的时候是oDiv.style.marginLeft="30px"

　　对值的操作:

　　　　(1)　　innerText　　只是设置文本

　　　　(2)　　innerHTML　　既设置了文本,又设置了标签

　　　　(3)　　value　　对于标签中有value属性的设置,表单控件