zoukankan      html  css  js  c++  java
  • Dom操作的小总结

    什么是Dom?

    DOM 是 Document Object Model(文档对象模型)的缩写。

    HTML DOM 是:

    • HTML 的标准对象模型
    • HTML 的标准编程接口
    • W3C 标准

    HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。

    换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

    根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

    • 整个文档是一个文档节点
    • 每个 HTML 元素是元素节点
    • HTML 元素内的文本是文本节点
    • 每个 HTML 属性是属性节点
    • 注释是注释节点

    可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。

    所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。

    常用的Dom操作

    * 获取节点的方法

      getElementById() :通过节点的Id属性查找对应节点

      getElementByName() :通过节点的name属性查找对应属性

      getElementByTagName() :通过节点标签名称查找对应节点

    *插入节点的方法

      insertBefore(节点一,节点二) : 在节点二之前插入节点一

      appendChild(要插入的节点) :通过父节点在末尾追加节点(实际是从剪切板黏贴)

    *删除节点的方法

      removeChild(要删除的节点) :通过父节点删除

    *替换节点的方法

      replaceChild(节点一,节点二) :通过父节点调用,将节点二替换为节点一

    *复制节点的方法

      cloneNode(boolean) : 为boolean值为true时表示复制,复制之后形成一个节点副本,可通过插入方法粘贴到对应的位置

  • 相关阅读:
    转自 陈皓 博客 《提高效率》
    codevs 1098 均分纸牌 2002年NOIP全国联赛提高组 x
    codevs 1160 蛇形矩阵x
    【説明する】进制转换
    欧几里得?x
    codevs 1020 孪生蜘蛛 x
    [HDOJ5883]The Best Path(欧拉回路,异或)
    [HDOJ5889]Barricade(spfa,最大流)
    [PAT L2-001] 紧急救援(spfa,最短路计数, dp)
    [CF717E]Paint it really, really dark gray(dfs,构造)
  • 原文地址:https://www.cnblogs.com/StriveE2/p/9347338.html
Copyright © 2011-2022 走看看