文件对象模型(Document Object Model。简称

fr=aladdin" target="_blank">DOM)。是W3C组织推荐的处理可扩展标志语言的标准编程接口。

DOM能够以一种独立于平台和语言的方式訪问和改动一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的经常用法。使用DOM能够使得我们在AJAX中通过HTML和XML数据进行DOM方式操作,从而做到页面动态改动更新和数据的提取处理。

DOM的简单简绍:

在JAvaScript中有一个特殊的对象document,能够表示当前HTML页面的根节点。DOM将每个HTML或XML文档都看待成内存中的一个对象树。

在DOM树中,文档内容相应和非常多不同类型的节点,都是一个NODE对象。

对于DOM的使用能够查看DOM的API。

使用:

利用server端返回XML的数据,然后利用HTTPRequest对象和response将其接受为一个DOM对象进行处理之外还有两种方式能够获得XML的数据。

在JAvaScript中装载XML文档有两种方式①装载同域的XML文档。

②装载一段表示XML的字符串。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">

能够利用DOMAPI对于XML(从某种角度来说XML是用来存储数据的,能够让用户自己定义标记在XML中)的操作。

DOM对象序列化成为XML字符串。

就是讲XML的文件内容所有党作为一个字符串。



这就是将一个XML文档当做字符串输出。

XPath技术的产生:

因为使用getElementById或者getElementByTagName不是非常好确定XML的节点

所以产生了XPath技术。在Java中的DOM4j开源包中有selectSingNode和selectNodes这样两个方法能够依据XPATH表达式来获取一个或者多个节点。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">

JAvaScript中的高级知识解说

数组。简单对象的创建,JSON数据格式,面向对象的JAvaScript类的定义公有属性和方法的定义以及私有属性和方法的定义、静态属性和方法的定义、模拟接口及类实现接口。

这些已经做了具体的笔记。

使用DOM的思想去操作文档的时候。脑子里要有这样的思想。

DOM基础及DOM操作HTML的更多相关文章

  1. 深入浅出DOM基础——《DOM探索之基础详解篇》学习笔记

    来源于:https://github.com/jawil/blog/issues/9 之前通过深入学习DOM的相关知识,看了慕课网DOM探索之基础详解篇这个视频(在最近看第三遍的时候,准备记录一点东西 ...

  2. [妙味DOM]第一课:DOM基础概念、操作

    知识点总结 childNodes.children子节点列表集合.nodeType节点类型.nodeName.nodeValue.attributes属性列表集合 childNodes和childre ...

  3. JavaScript DOM 基础操作

    JavaScript DOM 基础操作 一.获取元素的六方式 document.getElementById('id名称') //根据id名称获取 document.getElementsByclas ...

  4. Jquery基础之DOM操作

    转自:http://www.cnblogs.com/bro-ma/p/3063942.html JQuery中的DOM操作主要对包括:建[新建].增[添加].删[删除].改[修改].查[查找][像数据 ...

  5. 原生js操作DOM基础-笔记

    原文参考http://mp.weixin.qq.com/s?__biz=MzU3MDA0NTMzMA==&mid=2247485490&idx=1&sn=15197b4b53e ...

  6. DOM基础操作

    本文地址:http://www.cnblogs.com/veinyin/p/7606972.html  1 访问 HTML 元素 常用方法 document.getElementById(" ...

  7. HTML DOM基础知识

    HTML DOM基础知识 一.什么是DOM? 1.HTML DOM 定义了访问和操作HTML文档的标准方法. 2.HTML DOM 把 HTML 文档呈现为带有元素.属性和文本的树结构(节点树). 3 ...

  8. Javascript DOM基础(一)概念

    Dom基础概念: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" ...

  9. jQuery DOM基础

    jQuery DOM基础 1.对元素内容的获取和修改: 表单用value(),普通元素用html()和text(). html()  html(value)设置和获取html内容,有html标签会自动 ...

随机推荐

  1. SpringBoot学习笔记(13)----使用Spring Session+redis实现一个简单的集群

    session集群的解决方案: 1.扩展指定server 利用Servlet容器提供的插件功能,自定义HttpSession的创建和管理策略,并通过配置的方式替换掉默认的策略.缺点:耦合Tomcat/ ...

  2. 被我忽略许久的set

    心塞,set一直是我忽略的一个数据结构 1.生成一个set: 1) set(iterable) 传入一个可以迭代的数据结构: eg:字符串;元组;列表,字典 2) {v1,v2,.......,vn} ...

  3. JSON.stringify(),JSON.parse(),eval(string)

      JSON.stringify()用于从一个对象解析出字符串 : var obj = {"name":"week","age":" ...

  4. 前端之JavaScript概述

    ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国 ...

  5. root of factory hierarchy

    项目编译错误! project---->clean

  6. windows下安装redis以及测试 Window 下安装

    下载地址:https://github.com/dmajkic/redis/downloads. 下载到的Redis支持32bit和64bit.根据自己实际情况选择,将64bit的内容cp到自定义盘符 ...

  7. Linux ping 不通 域名 添加DNS

    修改路由配置文件 vi /etc/resolv.conf # Generated by NetworkManager #NDS nameserver 192.168.32.2 redhat7 系统优化 ...

  8. ping,telnet,ssh命令的理解

    ping主要用于测试到达目的主机的网络是否连接,但是它不能检测某个端口是否开放. ping 域名可以直接看出这个域名对应的ip ssh与telnet都是远程登录工具. ssh对传输加密,安全性高,te ...

  9. dashboard安装

    1,安装程序包 # yum install -y openstack-dashboard 2,修改配置文件 # vim /etc/openstack-dashboard/local_settings ...

  10. 洛谷 P2960 [USACO09OCT]Milkweed的入侵Invasion of the Milkweed

    P2960 [USACO09OCT]Milkweed的入侵Invasion of the Milkweed 题目描述 Farmer John has always done his best to k ...