如何理解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万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章