DOM模型对xml访问

最新推荐文章于 2024-05-02 18:32:43 发布

aaron_xyt

最新推荐文章于 2024-05-02 18:32:43 发布

阅读量363

点赞数

分类专栏： (1)xml 文章标签： xml javascript 文档 encoding class html

本文链接：https://blog.csdn.net/aaron_xyt/article/details/7408341

版权

(1)xml 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

DOM把层次中的每一个对象都称之为节点NODE

以HTML超文本标记语言为例：整个文档的一个根就是<html>
用各个节点对象的一整套方法和属性去描述另外的节点对象。

节点的绝对引用：
返回文档的根节点：document.documentElement
返回当前文档中被击活的标签节点：document.activeElement
返回鼠标移出的源节点：event.fromElement
返回鼠标移入的源节点：event.toElement
返回激活事件的源节点：event.srcElement

节点的相对引用：(设当前对节点为node)
返回父节点：node.parentNode、node.parentElement
返回子节点集合（包含文本节点及标签节点）：node.childNodes
返回子标签节点集合：node.children
返回子文本节点集合：node.textNodes
返回第一个子节点：node.firstChild
返回最后一个子节点：node.lastChild
返回同属下一个节点：node.nextSibling
返回同属上一个节点：node.previousSibling

节点的各种操作：(设当前的节点为node)

新增标签节点句柄：
document.createElement(sNode) //参数为要新添的节点标签名，例：newnode=document.createElement("div");

1、添加节点：
追加子节点：
node.appendChild(oNode) //oNode为生新增的节点句柄,例：node.appendChild(newnode)
应用标签节点
node.applyElment(oNode,sWhere)//oNode为生新增的节点句柄,sWhere有两个值：outside / inside，加在当前节点外面还是里面
插入节点
inode.insertBefore()
node.insertAdjacentElement()
node.replaceAdjacentText()

2、修改节点：

删除节点
node.remove()
node.removeChild()
node.removeNode()

替换节点
node.replaceChild()
node.replaceNode()
node.swapNode()

2、复制节点：
返回复制复制节点引用
node.cloneNode(bAll)//bAll为布尔值，true / false 是否克隆该节点所有子节点

3、节点信息
是否包含某节点
node.contains()
是否有子节点
node.hasChildNodes()

*******************************************************

下面为javascript操作xml
<script language="JavaScript">
<!--
var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM")

//加载文档
//doc.load("b.xml");

//创建文件头
var p = doc.createProcessingInstruction("xml","version='1.0' encoding='gb2312'");

//添加文件头
doc.appendChild(p);

//用于直接加载时获得根接点
//var root = doc.documentElement;

//两种方式创建根接点
// var root = doc.createElement("students");
var root = doc.createNode(1,"students","");

//创建子接点
var n = doc.createNode(1,"ttyp","");

        //指定子接点文本
        //n.text = " this is a test";

    //创建孙接点
    var o = doc.createElement("sex");
        o.text = "男";    //指定其文本

    //创建属性
    var r = doc.createAttribute("id");
        r.value="test";

//添加属性
n.setAttributeNode(r);

    //创建第二个属性
    var r1 = doc.createAttribute("class");
        r1.value="tt";

        //添加属性
        n.setAttributeNode(r1);

//删除第二个属性
n.removeAttribute("class");

//添加孙接点
n.appendChild(o);

//添加文本接点
n.appendChild(doc.createTextNode("this is a text node."));

        //添加注释
        n.appendChild(doc.createComment("this is a comment\n"));

        //添加子接点
        root.appendChild(n);

    //复制接点
    var m = n.cloneNode(true);

        root.appendChild(m);

        //删除接点
        root.removeChild(root.childNodes(0));

    //创建数据段
    var c = doc.createCDATASection("this is a cdata");
        c.text = "hi,cdata";
        //添加数据段
        root.appendChild(c);

    //添加根接点
    doc.appendChild(root);

    //查找接点
    var a = doc.getElementsByTagName("ttyp");
    //var a = doc.selectNodes("//ttyp");

    //显示改接点的属性
    for(var i= 0;i<a.length;i++)
      {
          alert(a[i].xml);
          for(var j=0;j<a[i].attributes.length;j++)
          {
              alert(a[i].attributes[j].name);
          }
      }

    //修改节点,利用XPATH定位节点
    var b = doc.selectSingleNode("//ttyp/sex");
    b.text = "女";

//alert(doc.xml);

    //XML保存（需要在服务端，客户端用FSO）
    //doc.save();

    //查看根接点XML
    if(n)
      {
          alert(n.ownerDocument.xml);
      }

//-->
</script>

aaron_xyt

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM模型对xml访问

DOM把层次中的每一个对象都称之为节点NODE以HTML超文本标记语言为例：整个文档的一个根就是用各个节点对象的一整套方法和属性去描述另外的节点对象。节点的绝对引用：返回文档的根节点：document.documentElement返回当前文档中被击活的标签节点：document.activeElement返回鼠标移出的源节点：event.fromElement返回鼠标
复制链接

扫一扫