码迷,mamicode.com
首页 > 其他好文 > 详细

XML DOM

时间:2017-04-21 22:49:29      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:ora   pen   html dom   span   http   包含   line   文档   func   

XML DOM可以类比于HTML DOM,详见:HTML DOM

 

1、DOM节点

  • 整个文档是一个文档节点
  • 每个XML元素是一个元素节点
  • 包含在XML元素的文本是文本节点
  • 每一个XML属性是一个属性节点
  • 注释是注释节点

 

 

2、获取XML DOM对象

此处参考:Ajax

 

 

3、XML DOM属性

  • nodeName  节点名称
  • nodeValue  节点值
  • parentNode  父节点
  • childNodes  子节点
  • attributes  属性节点

 

 

4、XML DOM方法

  • getElementsByTagName()
  • appendChild()  插入子节点
  • removeChild()  删除子节点

 

 

实例:

note.xml

<message>
<note id="010">
<to>fftu</to>
<from>per_1</from>
<info>info_1</info>
</note>
<note id="011">hahaha
<to>jiao</to>
<from>per_2</from>
<info>info_2</info>
</note>
</message>

 

main.js

function loadXmlDoc(fileName){
  if(window.XMLHttpRequest){
    var xmlhttp = new XMLHttpRequest();
  }
  xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
      var xmlDoc = xmlhttp.responseXML;
      var di_1 = document.getElementById("di_1");

      //获取文本节点"hahaha"
      di_1.innerHTML = xmlDoc.getElementsByTagName("note")[1].childNodes[0].nodeValue;

      //获取文本节点"jiao"
      di_1.innerHTML = xmlDoc.getElementsByTagName("note")[1].childNodes[1].childNodes[0].nodeValue;        
    }
  }

  xmlhttp.open("GET", "./note.xml", true);
  xmlhttp.send();
}

注意:元素节点本身并不包含文本,元素节点下的文本节点包含文本

XML DOM

标签:ora   pen   html dom   span   http   包含   line   文档   func   

原文地址:http://www.cnblogs.com/jiaoxuanwen/p/6715152.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!