zoukankan      html  css  js  c++  java
  • DOM模型

    文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。

    DOM能够以一种独立于平台和语言的方式訪问和改动一个文档的内容和结构。

    换句话说,这是表示和处理一个HTML或XML文档的经常用法。

    DOM实际上是以面向对象方式描写叙述的文档模型。DOM定义了表示和改动文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。能够把DOM觉得是页面上数据和结构的一个树形表示,只是页面当然可能并非以这样的树的方式详细实现。

    在DOM中有三种节点。各自是元素节点、文本节点和属性节点。

    <?xml version=”1.0″ encoding=”UTF-8″?

    > //XML说明 <library> //根元素 <book id=”01″> //library元素的第一个子元素,“id”是其属性01 <title>Qt</title> //book元素的子元素,“Qt”是元素的文本 <author>shiming</author> //book元素的子元素。title元素的兄弟元素 </book> //结束标记名 <book id=”02″> <title>Linux</title> <author>yafei</author> </book> </library>

    DOM节点的属性:

    属性

    类型

    说明

    nodeName

    String

    节点名称。依据节点的类型而定义

    nodeValue

    String

    节点的值,依据节点的类型而定义

    nodeType

    Number

    节点类型。1为元素节点,2为属性节点,3为文本节点

    firstChild

    Node

    指向childNodes列表的第一个节点

    lastChild

    Node

    指向childNodes列表的最后一个节点

    childNodes

    NodeList

    全部子节点列表,childNodes[i]能够訪问第i+1个节点

    parentNode

    Node

    指向节点的父节点。假设已是根节点。则返回null

    previousSibling

    Node

    指向前一个兄弟节点,假设已是第一个节点,则返回null

    nextSibling

    Node

    指向后一个兄弟节点,假设已是最后一个节点,返回null

    Attributes

    NameNodeMap

    包括一个元素特性的Attr对象,仅用于元素节点

    className

    String

    节点的CSS

    innerHTML

    String

    某个标记之间的全部内容,包含代码本身

  • 相关阅读:
    一步一步教你elasticsearch在windows下的安装
    Query DSL for elasticsearch Query
    [转] webpack之前端性能优化(史上最全,不断更新中。。。)
    [转] Javascript模块化编程(一):模块的写法
    [转] 2016 JavaScript 发展现状大调查
    [转] 前端性能的几个基础指标
    [转] 视频直播前端方案
    [转] Web前端开发工程师常用技术网站整理
    [转] getBoundingClientRect判断元素是否可见
    [转] js前端解决跨域问题的8种方案(最新最全)
  • 原文地址:https://www.cnblogs.com/wzjhoutai/p/7019329.html
Copyright © 2011-2022 走看看