DOM和事件的簡單學習

DOM簡單學習
功能:控制html文檔的內容
代碼:獲取頁面標籤(元素)對象Element
document.getElementById("id值”)“通過元素的id獲取元素對象
操作Element對象

  1. 修改屬性值:

    	1、明確獲取的對象是哪一個?
    	2、查看API文檔,找其中有哪些屬性可以設置
    
  • 2、修改標籤體內容:

     	屬性:innerHTML
     	1、獲取屬性元素
     	2、使用innerHTML屬性修改標籤體內容
    

事件簡單學習
功能:某些組建被執行了某些操作之後,觸發某些代碼的執行
如何綁定事件

  • 直接在html標籤上,指定事件的屬性(操作),屬性值就是JS代碼

     	事件:onclick...單擊事件
    
  • 通過js獲取元素對象,指定事件屬性,設置一個函數

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章