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文件,我制作了一个工具...

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

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

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

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

JavaScript高级程序设计之DOM之节点层次之Element类型第10.1.3讲

除了Document 类型之外,Element 类型就要算是Web 编程中最常用的类型了。Element 类型用 于表现XML 或HTML 元素,提供了对元素标签名、子节点及特性的访问。Elemen...

JavaScript高级程序设计之DOM之节点层次之Document类型第10.1.2讲

JavaScript 通过Document 类型表示文档。在浏览器中,document 对象是HTMLDocument(继承 自Document 类型)的一个实例,表示整个HTML 页面。而且,doc...

javascript中12种DOM节点类型概述

javascript中12种DOM节点类型概述

JavaScript高级程序设计之DOM之节点层次之Node类型第10.1.1讲

DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口)。DOM 描 绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。DOM 脱胎于 Netscape ...

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

1. value/innerHTML/innerText/textContent对比 2. nodeType/nodeName/nodeValue区别 3. 获取任意类型的CSS样式的属性值...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript生成/解析dom的CDATA类型的字段
举报原因:
原因补充:

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