Javascript- DOM对象

• DOM 简介
• DOM 操作HTML
• DOM 操作CSS
• DOMEventListener(句柄)

DOM简介

dom.png

DOM 操作HTML

DOM操作HTML.png

操作HTML.png

    
hello
    annniu
    

    ![](1.png)
    hello
    annniu
    

通过DOM操作CSS

1.通过DOM对象改变CSS 语法：document.getElementById(id).style.property = new style

    

      hell0
    
    按钮
    

DOMEventListener

方法：
addEventListener(): 方法用于向指定元素添加事件句柄
removeEventListener():移除方法添加的事件句柄

    
Hello
    按钮