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