作用
使用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(); 阻止事件的傳播