DOM基础&实例

最新推荐文章于 2022-09-05 21:03:55 发布
最新推荐文章于 2022-09-05 21:03:55 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： Java 文章标签： import 数据结构 string xml null class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jackkui/article/details/106999
版权

在先前的一章介绍了SAX的基本方法，对于SAX来说他本身就具有串行的特点，所以读写起来比较方便但是，接下来要讲述的DOM（Document Object Model），虽然也是处理XML的一种方法，但是他的使用方法与SAX却完全不同，他的处理方法有点类似于数据结构中的树，在处理上也和树比较相似。他在处理XML的时候，是把整个XML文件读入到内存中，然后建立像我们在浏览中看到的树一样的一棵树，通过对树的操作我们可以完成删除添加等。提到了树的操作，要先介绍几个用到的对象，通过这些对象能够更好的完成DOM对XML的操作。在介绍这些数据类型之前首先给出DOM在内存中的树的一个基本结构。

 

 

Document-----------Document Type

 

 

           |_______Element-----------Element

 

 

                              |____Attr

 

 

                              |____Text

 

 

上面只是一个简单的图，在这个图中，Element是可以嵌套的，另外树种还要包含实体注释等内容。在DOM的处理过程中，类似于上面树中的每一个节点，都是一个Node对象。这个Node对象可以看成是我们学习数据结构时树的节点，通过他可以获得它的孩子节点，父节点。由于XML还拥有属性，同时XML拥有的属性和子节点都可以使多个，所以DOM还提供了两个类NodeList,NamedNodeMap这两个类可以很方便的处理多个节点。通过Node的getChilds()可以得到一个NodeList这个NodeList中包含了Node的所有子节点，通过Node的getAttributes()方法可以获得该节点的所有属性，这个方法的返回值是NamedNodeMap通过对这个返回值的遍历可以获得所有的属性值。

 

 

通过这些获得了DOM树的节点但是如何处理哪？怎样才能知道他是什么类型，元素还是实体，或者是其他类型哪？这正是接下来要处理的问题。从DOM数中取出的每一个节点都有对应的一个类型，可以通过Node中的getNodeType（）方法来获得，同时在Node接口中有XML中所有元素的类型，只要是用你得到的节点的NodeType与已知的类型进行比较就能知道他是什么类型，不同的类型作不同的处理。一般来说都是用一个switch()…case语句对DOM树中的所有节点进行处理。

 

 

如果要完成对DOM树的添加删除修改等操作，那就需要具备一定的数据结构知识，这里就不详细介绍了，处理方法和树一样，这不过是树，而不是二叉树。如果是数据的修改比较容易，可是结构的修改就比较麻烦了。完成了对DOM树修改之后如何才能把它写回到文件中去哪，要知道树并不是串行的，但是写入的文件却是串行的。所以这就需要用到一种遍历的方法。但是这种遍历的方法和树结构的建立有关，因为建立时不管怎样都是Document在根部的，所以遍历的方法用到的也是处理树传统方式递归。处理流程是这样的：

 

 

1、 处理Document节点。

 

 

2、 用相同的方法处理他的孩子节点。

 

 

3、 对每种节点都用相同的方法处理他们的孩子节点，形成递归。知道遍历完整棵树。

 

 

下面是一个具体的例子，只不过这个例子中，我无论如何也不能写入数据或者读出数据还忘高手能够指教，先行谢过了。

 

 

import org.w3c.dom.*;

 

 

import org.w3c.dom.Document;

 

 

import org.apache.xerces.impl.xs.dom.DOMParser;

 

 

import java.io.*;

 

 

import org.xml.sax.*;

 

 

 

 

 

public class DomOutput {

 

 

  private DOMParser parser = new DOMParser();

 

 

  private Document doc;

 

 

  public DomOutput() {

 

 

  }

 

 

  private void init()

 

 

  {

 

 

    try {

 

 

      parser.parse("first1.xml");

 

 

      doc = parser.getDocument();

 

 

      FileWriter fw = new FileWriter("second.xml");

 

 

      serialize(doc,fw);

 

 

      fw.close();

 

 

    }

 

 

    catch (IOException ex) {

 

 

      ex.printStackTrace();

 

 

    }

 

 

    catch (SAXException ex) {

 

 

      ex.printStackTrace();

 

 

    }

 

 

  }

 

 

  public void serialize(Document docu,Writer writer)

 

 

  {

 

 

    serialize(docu,writer,"");

 

 

    try {

 

 

      writer.flush();

 

 

    }

 

 

    catch (IOException ex) {

 

 

      ex.printStackTrace();

 

 

    }

 

 

  }

 

 

  private void serialize(Node node,Writer writer,String indentLevel)

 

 

  {

 

 

    try

 

 

    {

 

 

      switch (node.getNodeType()) {

 

 

        case Node.DOCUMENT_NODE:

 

 

          writer.write("<?xml version = /"1.0/"?>/n");

 

 

          Document doc1 = (Document) node;

 

 

          serialize(doc1.getDocumentElement(),writer,"");

 

 

          break;

 

 

        case Node.ELEMENT_NODE:

 

 

          String name = node.getNodeName();

 

 

          String names = name;

 

 

          String value = "";

 

 

          NamedNodeMap nnm = node.getAttributes();

 

 

          for(int i = 0 ; i < nnm.getLength(); i++)

 

 

          {

 

 

            name+=" "+nnm.item(i).getNodeName()+"=/""+nnm.item(i).getNodeValue()+"/"";

 

 

          }

 

 

          writer.write("<"+name+">");

 

 

          NodeList childs = node.getChildNodes();

 

 

          if(childs != null && childs.getLength()>0 && childs.item(0).getNodeType() == Node.ELEMENT_NODE)

 

 

          {

 

 

            for(int i = 0 ; i < childs.getLength(); i++)

 

 

            serialize(childs.item(i),writer,"");

 

 

          }

 

 

          else

 

 

          {

 

 

              value = node.getNodeValue();

 

 

              if(value == null)

 

 

            value = "";

 

 

          }

 

 

          writer.write(value+"</"+names+">/n");

 

 

          break;

 

 

        case Node.TEXT_NODE:

 

 

          writer.write(node.getNodeValue());

 

 

          System.out.println(node.getNodeValue());

 

 

          break;

 

 

        default:

 

 

          break;

 

 

      }

 

 

    }catch(IOException ex){

 

 

      ex.printStackTrace();

 

 

    }

 

 

  }

 

 

  public static void main(String[] args) {

 

 

    DomOutput domOutput = new DomOutput();

 

 

    domOutput.init();

 

 

  }

 

 

}

 

 

在上面这个例子中使用的XML文件和SAX中用的相同这里就不再贴出了，对于用DOM来建立心数主要是利用了Element类的appendChild()方法来添加新的节点。下面也给出一个简单的例子，不过这个例子要用到上面例子中的船行化的方法，所以最好把他们放在相同的目录下。

 

 

package TestDom;

 

 

 

 

 

import org.w3c.dom.DOMImplementation;

 

 

import org.apache.xerces.dom.DOMImplementationImpl;

 

 

import org.w3c.dom.Document;

 

 

import org.w3c.dom.*;

 

 

import java.io.FileWriter;

 

 

import java.io.*;

 

 

 

 

 

public class CreateDom {

 

 

  public CreateDom() {

 

 

  }

 

 

  private void Init()

 

 

  {

 

 

    DOMImplementation domImpl = new DOMImplementationImpl();

 

 

    Document doc = domImpl.createDocument(null,"item",null);

 

 

    Element ele = doc.getDocumentElement();

 

 

 

 

 

    Element item1 = doc.createElement("name");

 

 

    item1.setAttribute("id","001");

 

 

    Text item1text = doc.createTextNode("This is a test");

 

 

    item1.appendChild(item1text);

 

 

    ele.appendChild(item1);

 

 

 

 

 

 

 

 

 

 

 

    Element item2 = doc.createElement("name");

 

 

    item2.setAttribute("id","002");

 

 

    item2.setNodeValue("Pencil");

 

 

    Text item2text = doc.createTextNode("Test2");

 

 

    item2.appendChild(item2text);

 

 

    ele.appendChild(item2);

 

 

 

 

 

    DomOutput out = new DomOutput();

 

 

    try {

 

 

      out.serialize(doc, new FileWriter("third.xml"));

 

 

    }

 

 

    catch (IOException ex) {

 

 

      ex.printStackTrace();

 

 

    }

 

 

  }

 

 

  public static void main(String[] args) {

 

 

    CreateDom dom = new CreateDom();

 

 

    dom.Init();

 

 

  }

 

 

}

 

 

在创建过程中我遇到了相同的问题就是无法写入数据，如果哪位朋友能帮我搞定这个问题小弟不胜感激，刚刚学习XML就出来献丑，实在惭愧，不过这也算是学习过程中的一点心得，写出来希望能够对别人有所帮助，同时也为了使自己能够加深理解。DOM在这里只是介绍了他的比较简单的使用方法，算是入门吧，后续章节中讲给出DOM的一些高级知识。

DOM案例
ZiXiaweb的博客
08-29 456
什么是DOM 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。 W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容，机构和样式。 文档：一个页面就是一个文档，DOM中使用document表示 元素：页面中的所有标签都是元素，DOM中使用element表示 节点：页面中的所有内容都是节点（标签，属性，文本，注释等） ，DOM中使用node表示 DOM把以上内容都看做是对象 以下我们来
JavaScript学习笔记之DOM基础操作实例小结
10-17
主要介绍了JavaScript学习笔记之DOM基础操作,结合实例形式总结分析了javascript针对dom元素节点、属性的相关获取、设置等操作技巧,需要的朋友可以参考下
DOM基础实例
weixin_34092455的博客
11-09 90
DOM基础实例一．什么是DOM节点？说白了标签元素和节点都一样只是在不同的地方叫法不同在css里面 叫标签在JS里面 叫元素在DOM里面叫节点浏览器支持情况：现在主流浏览器大概就是：IE 10%Chrome 60%FF 90%（1）D...
JavaScript基础——DOM案例
爱前端的程序媛的博客
03-08 1163
emmmmmm，昨天下午那会儿，出现了一点小插曲，电脑进水了。。。。。。。。 还好最后没事，不让我就要报废了，今天夜里把昨天没有完成的知识点来完成一下。 上篇文章介绍了其他的元素操作，今天再对表单元素进行补充说明一下。 表单元素的属性操作 src属性的应用 今天又找一个案例做做：点击图片，背景就变成点击的那个图片 其实也可以看成是换头像，原理是一样的 这个案例对src的应用我感...
javascript DOM的详解及实例代码
10-20
本文将详细探讨DOM的核心概念、操作方法以及节点类型，并通过实例代码帮助理解如何在实际开发中使用DOM。 首先，DOM定义了一个节点层次，其中包括多种类型的节点。按照W3C DOM规范，节点类型包括元素节点、文本节点...
javascript针对DOM的应用实例（一）
10-28
1. JavaScript与DOM交互基础： 本文档主要介绍JavaScript如何与DOM进行交互。这是学习JavaScript非常实际和有用的一部分，因为它允许开发者实现页面与用户的动态交互。在深入之前，作者建议读者应具备一些JavaScript...
JS基础(DOM，JS简单案例)
qq_39544980的博客
04-14 156
JS基础(6) 一，DOM 1.1 概念 文档对象模型，定义了访问和操作文档的模型 DOM操作：对元素进行获取、创建、删除的操作 1.2 元素对象的获取 document.getElementById(id值) document.getElementsByTagName(标签名) document.getElementsByName(name值) document.getElementsByCla...
DOM-事件基础（案例源代码）
bying666的博客
05-30 174
DOM-事件基础（案例源代码） 案例1 源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
HTML DOM基础教程（网页形式）
01-15
HTML DOM DOM 首页 DOM 简介 DOM 节点 DOM 节点树 DOM 节点访问 DOM 节点信息 DOM How To DOM 参考 DOM 总结 DOM 实例 DOM 实例 DOM 对象 DOM Window DOM Navigator DOM Screen DOM History DOM Location DOM Document DOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Event DOM Form DOM Frame DOM Frameset DOM IFrame DOM Image DOM Input Button DOM Input Checkbox DOM Input File DOM Input Hidden DOM Input Password DOM Input Radio DOM Input Reset DOM Input Submit DOM Input Text DOM Link DOM Meta DOM Object DOM Option DOM Select DOM Style DOM Table DOM TableCell DOM TableRow DOM Textarea
【JavaScript】js基础-DOM（案例1）
你今天真好看呀
08-17 429
文章目录1. innerHTML属性2. 案例1：动态显示时间3. 案例2：全选练习4. 案例3：下拉列表左右选择 1. innerHTML属性 1.这个属性不是DOM的组成部分，但是是大多数浏览器都支持的属性 2.作用： 1.获取文本内容 2.向标签里面设置内容（可以是html代码） <!DOCTYPE html> <html lang="en"> <head...
【JavaScript】js基础-DOM（案例2）
你今天真好看呀
08-18 247
案例：省市联动 创建一个页面，有两个下拉选择框 在第一个下拉选择框里面有一个事件：改变事件 onchange事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style ...
DOM基础详细 包含多个案例
qq_56303170的博客
08-13 1396
DOM基础详细 包含多个案例 DOM基础 详细DOM基础详细 包含多个案例一级目录二级目录三级目录DOM树获取元素如何获取元素根据ID获取根据标签名获取获取特殊元素事件基础操作元素改变元素的内容修改src(其他的类似)根据时间，显示不同的问候语和图片表单元素的修改显示和隐藏密码操作元素的大小、颜色及样式行内样式操作循环精灵图显示隐藏文本框内容使用className修改样式属性密码框验证信息排它思想点击图片修改背景全选和单选自定义属性获取自定义属性设置自定义属性移除属性tab栏切换节点操作节点层级父级节点子级
DOM 经典案例
xy_is_fhh的博客
11-08 380
1.百度换肤案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { background: url(img/百度换肤1.jpg) no-repeat; background
DOM事件机制详解及案例（建议收藏！！）
m0_58620483的博客
08-25 398
这个对象包含了一些基本信息，比如导致事件的元素、发生的事件类型，以及可能与特定事件相关的任何其他数据。例如，鼠标操作导致的事件会生成鼠标位置信息，而键盘操作导致的事件会生成与被按下的键有关的信息。事件处理程序的名字以"on"开头，因此 click 事件的处理程序叫作 onclick，而 load 事件的处理程序叫作 onload。事件捕获的意思是最不具体的节点应该最先收到事件，而最具体的节点应该最后收到事件。也就是：利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作。
DOM的6个实例
weixin_40205005的博客
06-15 1557
第1个实例：循环单击变色&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;index&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;1111&lt;/h1&gt
原生JS学习 DOM （案例）
m0_64191440的博客
09-05 814
JavaScript 中将网页文档中的标签进行解释后，得到标签对应的节点对象，包含节点属性：nodeType，不同的节点属性值不同。1：这是一个标签对象2：这是一个属性对象3：这是一个文本对象.JavaScript 语法中通过节点数（ DOM树 ）
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值
>