• HTML DOM--基础概述


    DOM: Document Object Model(文档对象模型)的简写,那么,这是一种什么样的模型,简单点来说,就是将文档当成了一棵树。它独立于平台与语言,允许程序与脚本动态地访问、更新文档的结构、内容、样式。

    1.DOM的分类:

    核心DOM:针对任何结构化文档的标准模型
    XML DOM:针对XML文档的标准模型。定义了所有XML元素的对象和属性,以及访问它们的方法
    HTML DOM:针对HTML文档的标准模型。定义了所有HTML元素的对象和属性,以及访问它们的方法。HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准

    2.DOM节点:
         上面说到DOM将文档当成了一棵树。那么,所有事物都是节点,DOM是视为节点树的HTML。


        
         通过HTML DOM,树中所有节点都可通过js访问。所有HTML节点都可被修改、增加或删除
        
    3.DOM方法:可以在节点(HTML元素)上执行的动作
        getElementById    getElementsByTagName    getElementsByClassName
        appendChild      removeChild                replaceChild
        createElement    createTextNode            createAttribute   


    4.DOM属性: 节点(HTML元素)的值,可以获取、设置
      
        innerHTML  parentNode    childNodes    attributes    nodeName    nodeValue    nodeType
           
    5.DOM事件:HTML DOM允许js对HTML事件作出反应,onclick=JavaScript
          
        HTML事件例子:
            点击事件    网页加载    图片加载    鼠标移动在元素上    输入内容改变    表单提交
        
        向元素分配事件,使用元素的事件属性:
            <input type="button" onclick="disDate()" value="显示日期" />
            
        使用js向HTML元素分配事件:
            <script type="text/javascript">
                document.getElementById("myBut").onclick=function(){...}
            </script>
        
        onclick    onload    onunload    onchange    onmouseover    onmouseout    onmousedown    onmouseup

    总结:这只是作者本人在平时看书时总结出来的一些知识要点,简单点来说,HTML DOM就是将HTML文档视为一棵树,HTML文档的标签以及标签中的一些属性都被视为树中的节点,我们可以通过js对树中的节点进行操作。但要想对HTML DOM有个全面而深刻的了解,还是需要看下书的。有啥不足,望指正

  • 相关阅读:
    观察者模式(Observer)
    记负均正
    自守数
    等差数列
    字符统计
    Linux 第四次上机收获
    关于java的类加载(血泪史)
    vi常用操作与命令【持续更新中】
    P3-2017级算法第三次上机 B SkyLee逛漫展
    P3-2017级算法第三次上机 A 水水的二分查找
  • 原文地址:https://www.cnblogs.com/kuai-man/p/10573814.html
Copyright © 2020-2023  润新知