zoukankan      html  css  js  c++  java
  • ajax——dom基础

        javascript中dom实现能够使我们在ajax中通过javascript代码对html和xml数据进行dom方式操作,从而做到页面的动态改动更新和数据的提取处理。

    dom概念

        dom文档对象模型,同意程序和脚本动态訪问和更新文档的内容,结构和风格。

    dom对象树

        在浏览器中一个页面相应一个html文档。因此有一个与之相应的html的dom树。

        比如:


        在浏览器中一个页面可能处理多个xml文档。因此可能有多个xml的dom树。

    dom对象树中经常使用的节点

        在dom树中,文档内容中相应了非常多不同类型的节点,它们都是node对象。node对象有一个nodetype的属性能够推断节点类型

    接口 nodeType常量 nodeType值 备注
    element node.element_node 1 元素节点(标签)比如:<body><input>
    attr node.attribute_node 2 属性节点(属性)比如:<input>中的value属性值
    text node.text_node 3 文本节点(文本)比如:<div>hello word</div>中hello word
    comment node.comment_node 8 凝视节点(凝视)。凝视信息
    document node.document_node 9 文档根节点。表示整个文档的根,不正确应文档中不论什么内容

       DOM的发展,与WEB标准化的大趋势相关甚密。

    仅仅有基于正确的语义逻辑,DOM才干正确地发挥其功用。现在。正确的语义结构、表现与内容分离等要求。都已经成为网页设计中的基本要求。因此。在网页前端开发中,DOM的存在,无疑是为表现层、行为层甚至内容层面的连接提供了一个绝佳的API。成为热门的Ajax应用中不可或缺的组成部分。

  • 相关阅读:
    Aria2任意文件写入漏洞
    webpack添加node_path不是('webpack' 不是内部或外部命令,也不是可运行的程序或批处理文件?)
    闭包的7种形式
    首页 多级展示
    velocity模板入门
    AngularJs 时间控件
    mybatis按时间条件搜索
    数据结构之线性表(双向循环链表)
    数据结构之线性表(链表)
    数据结构之线性表(顺序表)
  • 原文地址:https://www.cnblogs.com/clnchanpin/p/6906017.html
Copyright © 2011-2022 走看看