javascript生成/解析dom的CDATA类型的字段

原创 2006年05月29日 14:47:00

两段demo代码如下(for ie only):
<script type="text/javascript"> 
//demo1
var  xmlDoc  =  new  ActiveXObject("Msxml2.DOMDocument"); 
var  root; 
var  CDATASection; 
xmlDoc.async  =  false; 
xmlDoc.loadXML("<a/>"); 
root  =  xmlDoc.documentElement; 
CDATASection  =  xmlDoc.createCDATASection("Hello  World!"); 
root.appendChild(CDATASection); 
b=xmlDoc.createElement("Test") 
b.text="hahahahaha" 
root.appendChild(b); 
alert(root.xml);   
for(i  =0;i<root.childNodes.length;i++) 

if(root.childNodes[i].nodeType==4) 
alert(root.childNodes[i].nodeValue) 

</script>

<script type="text/javascript"> 
//demo2
var  xmlDoc  =  new  ActiveXObject("Msxml2.DOMDocument");  
xmlDoc.async  =  false; 
xmlDoc.loadXML("<a><![CDATA[aaaaaaaaaaaaaaaaaaaaa]]></a>"); 
root  =  xmlDoc.documentElement;  
for(i  =0;i<root.childNodes.length;i++) 

if(root.childNodes[i].nodeType==4) 
alert(root.childNodes[i].nodeValue) 

</script>

 

//demo3( for firefox)

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< HEAD >
< TITLE >  使firefox对xml的处理兼容IE的selectSingleNode selectNodes方法  </ TITLE >
< META  NAME ="Author"  CONTENT ="emu" >
< META  NAME ="Keywords"  CONTENT ="firefox IE selectSingleNode selectNodes" >
< META  NAME ="Description"  CONTENT ="使firefox可以支持selectSingleNode selectNodes方法" >
< SCRIPT  LANGUAGE ="JavaScript" >
<!--
var  isIE  =   !! document.all;

function  parseXML(st){
    
if (isIE){
        
var  result  =   new  ActiveXObject( " microsoft.XMLDOM " );
        result.loadXML(st);
    }
else {
        
var  parser  =   new  DOMParser();
        
var  result  =  parser.parseFromString(st,  " text/xml " );
    }
    
return  result;
}

if ( ! isIE){
    
var  ex;
    XMLDocument.prototype.__proto__.__defineGetter__(
" xml " function (){
        
try {
            
return   new  XMLSerializer().serializeToString( this );
        }
catch (ex){
            
var  d  =  document.createElement( " div " );
            d.appendChild(
this .cloneNode( true ));
            
return  d.innerHTML;
        }
    });
    Element.prototype.__proto__.__defineGetter__(
" xml " function (){
        
try {
            
return   new  XMLSerializer().serializeToString( this );
        }
catch (ex){
            
var  d  =  document.createElement( " div " );
            d.appendChild(
this .cloneNode( true ));
            
return  d.innerHTML;
        }
    });
    XMLDocument.prototype.__proto__.__defineGetter__(
" text " function (){
        
return   this .firstChild.textContent
    });
    Element.prototype.__proto__.__defineGetter__(
" text " function (){
        
return   this .textContent
    });




    XMLDocument.prototype.selectSingleNode
= Element.prototype.selectSingleNode = function (xpath){
        
var  x = this .selectNodes(xpath)
        
if ( ! ||  x.length < 1 ) return   null ;
        
return  x[ 0 ];
    }
    XMLDocument.prototype.selectNodes
= Element.prototype.selectNodes = function (xpath){
        
var  xpe  =   new  XPathEvaluator();
        
var  nsResolver  =  xpe.createNSResolver( this .ownerDocument  ==   null   ?
            
this .documentElement :  this .ownerDocument.documentElement);
        
var  result  =  xpe.evaluate(xpath,  this , nsResolver,  0 null );
        
var  found  =  [];
        
var  res;
        
while  (res  =  result.iterateNext())
            found.push(res);
        
return  found;
    }
}

var  x  =  parseXML( " <people>  <person first-name=/ " eric/ "  middle-initial=/ " H/ "  last-name=/ " jung/ " >    <address street=/ " 321  south st/ "  city=/ " denver/ "  state=/ " co/ "  country=/ " usa/ " />    <address street=/ " 123  main st/ "  city=/ " arlington/ "  state=/ " ma/ "  country=/ " usa/ " />  </person>  <person first-name=/ " jed/ "  last-name=/ " brown/ " >    <address street=/ " 321  north st/ "  city=/ " atlanta/ "  state=/ " ga/ "  country=/ " usa/ " />    <address street=/ " 123  west st/ "  city=/ " seattle/ "  state=/ " wa/ "  country=/ " usa/ " />    <address street=/ " 321  south avenue/ "  city=/ " denver/ "  state=/ " co/ "  country=/ " usa/ " />  </person></people> " );

alert(
" 搜索所有人的姓氏(last-name) " )
var  results  =  x.selectNodes( " //person/@last-name " );
for  ( var  i = 0 ; i < results.length;i ++ )
  alert(
" Person # "   +  i  +   "  has the last name  "   +  results[i].nodeValue);

alert(
" 搜索第二个人 " );
//  IE是以0为下标基数的,而不是1
if ( ! document.all)
    results 
=  x.selectSingleNode( " /people/person[2] " );
else
    results 
=  x.selectSingleNode( " /people/person[1] " );
alert(results.xml)

alert(
" 获得住址在donver街上的人 " );
results 
=  x.selectNodes( " //person[address/@city='denver'] " );
for  ( var  i = 0 ; i < results.length;i ++ )alert(results[i].xml)

if ( ! document.all){
    
//  获得所有街名中带south的地址
    results  =  x.selectNodes( " //address[contains(@street, 'south')] " );
    alert(results[
0 ].xml);
}
else {
    alert(
" IE不支持 //address[contains(@street, 'south')] 这种查询方式 " )
}
// -->
</ SCRIPT >
</ HEAD >

< BODY >

</ BODY >
</ HTML >

//demo4( cross brower)

http://kb.mozillazine.org/XPath

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

dom4j生成XML报文以及CDATA值的设置

接口通讯报文经常遇到需要使用XML报文的情况,这几天刚好与另一个系统做接口开发,对方要求的XML报文格式如下: ...

自制工具:CSV代码生成器:自动生成CSV文件对应的C++实体类和字段类型解析代码

本文乃Siliphen原创,转载请注明出处:http://blog.csdn.net/stevenkylelee    更有开发效率地使用CSV文件 为了更有效率地使用CSV文件,我制作了一个工具...

用JavaScript实现支持图片的字段类型

前言:今天,碰到一个有趣的问题,就是SharePoint调查里面,添加对于图片的支持,众所周知,SharePoint的调查就支持那么几种字段类型的问题,当然,我们可以开发实现,不过,这个不是我们今天介...

javascript中12种DOM节点类型概述

javascript中12种DOM节点类型概述

JavaScript DOM杂知识(value/innerHTML/innerText/textContent对比、nodeType/nodeName/nodeValue区别、获取任意类型的属性)

1. value/innerHTML/innerText/textContent对比 2. nodeType/nodeName/nodeValue区别 3. 获取任意类型的CSS样式的属性值

javascript CDATA的意义

CDATA 内部的所有东西都会被解析器忽略。 假如文本中包含了大量的 " CDATA 区段开始于 "": function compare(a,b) { if (a    {al...

javascript CDATA的意义

CDATA 内部的所有东西都会被解析器忽略。 假如文本中包含了大量的 " CDATA 区段开始于 "": function compare(a,b) { if (a    {al...

JsonDeserializer——Gson自定义解析类型错误的字段

在开发中,定义好实体类和相应字段,Gson就可以很方便地帮助我们实现序列化和反序列化。 可是有时候,后台传给客户端的json数据格式有误,其中的某些字段可能不是合理的类型,即,和我们在实体类中定义的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)