如何理解DOM對象和事件

如何理解DOM對象

作用

使用DOM技術可以控制頁面中的HTML和CSS,就是把頁面中的所有的內容封裝成對象。

對象

1.Document:文件


獲取文檔對象:var doc = window.document;

2.Element:元素


獲取元素對象:var font = document.getElementById("");

3.Attribute:屬性


獲取屬性對象:var color = font.getAttributeNode("color")

4.Text:文本


獲取文本對象:var text = font.text/font.firstChild;

節點類型Node類型

1.自身屬性


nodename nodeValue nodeType

2.導航屬性


parentNode childNodes

DOM中的事件

解釋:給對應元素的對象,添加一個Function類型的屬性,這個Function的對象會在相應的時機被調用,調用時機跟屬性的名稱有關。


var font = document.getElementById("aaa");
          font.onclick = function(){
           alert();
          font.onkeydown = function(event){
           if(event.keycode==13){}
           alert();
           }
      <body οnlοad="fun1()">
      event.stopPropagation(); 阻止事件的傳播


發佈了33 篇原創文章 · 獲贊 9 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章