• 认识DOM



     

    概念


    DOM,全程DocumentObject Model ,也就是我们常说的文档对象模型。有人说:“有了DOM,可以


    JavaScript就是另外一门语言了。”可见DOM的重要性,当然不能误解,DOM不是JavaScript,也不是

     

    JavaScript的一部分。简单的来说DOM就是提供一个可供存储、遍历的接口。

     

    为什么称为文档对象模型?

     

    DOMHTML被表示为一个树形的结构,而这个根节点就是document对象,依次子节点、孙节点表

     

    html中出现的节点及内容。换句话说,domhtml等文档表示为节点。这些节点并不是我们说的数据

     

    结构而是一个已经封装好属性和方法的对象,而这些属性和方法就刚刚好提供了供以访问的接口。这

     

    也就是为什么dom叫做文档对象模型的缘由了。

     

    构成

     

    对象

     

    Document

     

    代表整个文档,也就是文档的根节点,提供整个文档的操作的入口。如getElementById

     

    getElemnetBynamegetElementByTagName等,都是可以用来访问文档中的对象的。

     

    Node

     

    dom中的接口很多都是从Node继承过来的,如上面提到的Document接口。在树结构中,代表一个节

     

    点。

     

    NodeLIst

     

    其实看单词多少也能猜出来,这个用来表示一组节点的集合的。

     

    这样可以对一组节点进行操作,如果要这一组节点中的某个节点进行操作。那么可以使用item的索引来

     

    找到指定的节点。从而进行操作。

     

    NameNodeMap

     

    用来表示唯一的名字和一组节点的集合,与NodeList不同的是可以是无序的。


     

    总结:DOM是一个为让JavaScript等编程语言更好操作html等文档内的元素的一个标准、一个接口。将html

     

    中的元素转换成DOM树模型,封装属性与方法,供以调用。

     

     

  • 相关阅读:
    js 中的基本包装类型
    js监听浏览器,关闭,刷新(兼容IE6+,Firefox,Chrome,Safari)
    js 中的 && 与 ||
    程序设计模式的工厂(Factory)模式
    关于MOSS首页不能打开提示“根级别上的数据无效
    获取汉字的拼音的首个字母方法
    XmlDocument扩展类
    初次体验Android,过程很艰辛!
    用Python写个翻译工具
    开发经验是修炼设计模式的基石
  • 原文地址:https://www.cnblogs.com/guziming/p/4232712.html
Copyright © 2020-2023  润新知