zoukankan      html  css  js  c++  java
  • 有关Dom的一些操作

       学习前端的都会了解到一些Dom操作,让我们来看看Dom操作有哪些吧!

        

      DOM(即 Document Object Mode) 是 W3C(万维网联盟)的标准。

     

      DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

     

      W3C DOM 标准被分为 3 个不同的部分:

     

          •  核心 DOM - 针对任何结构化文档的标准模型

          •  XML DOM - 针对 XML 文档的标准模型

          •  HTML DOM - 针对 HTML 文档的标准模型

     

        其中,在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。

     

     

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

     

     

          •  整个文档是一个文档节点

          •  每个 HTML 元素是元素节点

          •  HTML 元素内的文本是文本节点

          •  每个 HTML 属性是属性节点

          •  注释是注释节点

     

          HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树。通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。

     

       怎样添加、移除、移动、复制、创建和查找节点。 

          创建新节点:

                 createDocumentFragment() //创建一个DOM片段

     

              createElement() //创建一个具体的元素

     

              createTextNode() //创建一个文本

         添加、移除、替换、插入:

     

              appendChild()

     

              removeChild()

     

              replaceChild()

     

              insertBefore()

           查找:

              getElementsByTagName() //通过标签名称

                  getElementsByName() //通过元素的Name属性的值

              getElementById() //通过元素Id,唯一性

              getElementsByClassName()//通过class

              getElementsByClassName()//通过class

           事件

          (1冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。

          (2捕获型事件(event capturing)事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)

          (3DOM事件流:同时支持两种事件模型:捕获型事件和冒泡型事件,但是,捕获型事件先发生。两种事件流会触及DOM中的所有对象,从document对象开始,也在document对象结束。

          常用事件:

               Onclick:点击事件

             Ondbclick:双击事件

             Onmousedown:鼠标点击

             Onmouseup;当鼠标按下时抬起;

             Onmousmove;鼠标移动;

             Onmousover;鼠标移过;

             Onmousout;鼠标离开

             Onload:文档加载完毕

             Windon.onload=function(){}



     

     

     

     

  • 相关阅读:
    SGU 176.Flow construction (有上下界的最大流)
    POJ 2391.Ombrophobic Bovines (最大流)
    poj 1087.A Plug for UNIX (最大流)
    poj 1273.PIG (最大流)
    POJ 2112.Optimal Milking (最大流)
    SGU 196.Matrix Multiplication
    SGU 195. New Year Bonus Grant
    关于multicycle path
    ppt做gif动图
    codeforces 598A Tricky Sum
  • 原文地址:https://www.cnblogs.com/yhyanjin/p/6987411.html
Copyright © 2011-2022 走看看