码迷,mamicode.com
首页 > 其他好文 > 详细

DOM

时间:2016-02-24 13:55:55      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

D:document 文档对象模型

O: Object是一种自足的数据集合

  • 用户定义对象
  • 内建对象:JavaScript提供的对象
  • 宿主对象: 浏览器提供的对象
    • window对象对应浏览器本身,其属性和方法统称为BOM,浏览器模型对象

M : Model 节点树模型

3.4 节点

文档是由节点构成的集合,每一个节点都是一个对象。

  • 元素节点 element node
    • 在文档中的布局形式及文档的结构
  • 文本节点 text node
    • 文本节点包含在元素节点的内部,但并非所有的元素节点都包含有文本节点。
  • 属性节点 attribute node
    • 属性节点用来对元素做出更具体的描述。

3.4.5 获取元素

  • 元素Id: 
    document.getElementById(id);
  • 标签名称 
    element.getElementsByTagName(tag);
  • 类名称(HTML5) 
    getElementsByClassName(class);

3.5 获取和设置属性

得到需要的元素后,可以设法获取和更改属性节点的值。

  • getAttribute
    • object.getAttribute(attritue) 只能通过元素节点对象调用
  • setAttribute
    • object.setAttribute(attribute, value) 对属性节点的值进行修改

DOM的工作模式: 
先加载文档的静态内容,再动态刷新,动态刷新不影响文档的静态内容。 
对页面内容进行刷新却不需要在浏览器里刷新页面。

DOM

标签:

原文地址:http://www.cnblogs.com/licoby/p/5212569.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!