如何理解DOM对象和事件

来源：互联网发布：南通农村商业银行软件编辑：程序博客网时间：2024/06/05 01:55

如何理解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 onload="fun1()">      event.stopPropagation(); 阻止事件的传播

0 0