XML DOM学习笔记(JS)

简介:


1. 加载XML文档:

var xmlDom  =   new  ActiveXObject( " MSXML2.DOMDocument " );
xmlDom.load(
" filename.xml " );  // 加载XML文件

 

2. 访问节点:

var root  =  xmlDom.documentElement; // 获取根节点
var nodeList  =  root.childNodes;   // 获取节点的所有子节点
var node  =  nodeList[i];
var name 
=  node.attributes[ 0 ].value; // 获取节点的第一个属性的值
var xmlElement  =  node.xml; // 包含起始标签+内容+结束标签
var content  =  xmlElement.childNodes[ 0 ].xml; // 若xmlElement不包括子节点,则可以获得xmlElement标签中的内容;若其包括子节点,则获得第一个子节点标签及其内容;

 

3. 添加节点:

var newElement  =  xmlDom.createElement( " element " );
//  创建attribute属性,并添加到element节点上
var attribute  =  xmlDom.createAttribute( " attribute " );
attribute.value 
=   " attrubuteValue " ;
newElement.setAttributeNode(name);

//  创建subElement子节点,并添加到newElement节点上
var subElement  =  xmlDom.createElement( " subElement " );
newElement.text 
=   " SubElementContent " ;
newElement.appendChild(subElement);
// 将newElement添加到根节点下
root.appendChild(newElement);

 

4. 删除节点:

var node  =  root.selectSingleNode( " xpath " );
if  (node  !=   null )
    root.removeChild(node);

 

5. 保存节点:

xmlDom.save( " driver:\\dir\filename.xml " ); // 保存XML文件

 

6. Xpath几个例子:

authors
authors
/ author
authors
/ author / name
authors
/*/name
authors/author/*           //*为通配符
authors/author[nationality]/name     //用“[]”来限制只选取拥有nationality子节点的节点
authors/author[nationality='Russian']/name //进一步限制子节点nationality的值为'Russian'
authors/author[@period="classical"]   //选取属性period为"classical"的节点
authors/author/@period        //选取节点的属性


7. 介绍Xpath的两个网址:
http://www.zvon.org/xxl/XPathTutorial/General_chi/examples.html
http://www.w3school.com.cn/xpath/index.asp

8. 一个解析Xpath的工具:

该工具的下载地址:http://www.axisebusiness.com/nleghari/visualxpath.zip


本文转自Silent Void博客园博客,原文链接:http://www.cnblogs.com/happyhippy/archive/2007/07/24/829001.html,如需转载请自行联系原作者

相关文章
|
3月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
5月前
|
XML JavaScript Java
【JAVA XML 探秘】DOM、SAX、StAX:揭秘 Java 中 XML 解析技术的终极指南!
【8月更文挑战第25天】本文详细探讨了Java中三种主流的XML解析技术:DOM、SAX与StAX。DOM将XML文档转换为树状结构,便于全方位访问和修改;SAX采取事件驱动模式,适用于大型文件的顺序处理;StAX则兼具DOM和SAX的优点,支持流式处理和随机访问。文中提供了每种技术的示例代码,帮助读者理解如何在实际项目中应用这些解析方法。
234 1
|
2月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
4月前
|
JavaScript
js 中操作dom
js 中操作dom
125 64
|
2月前
|
JavaScript 前端开发 开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法,JavaScript 可以实现丰富的网页交互效果,如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中,开发者可以根据具体的需求和场景,选择合适的 DOM 元素操作方法来实现所需的功能,为用户提供更加流畅和动态的网页体验。
|
3月前
|
XML JSON 数据可视化
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
本文详细介绍了不同数据集格式之间的转换方法,包括YOLO、VOC、COCO、JSON、TXT和PNG等格式,以及如何可视化验证数据集。
467 1
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
|
3月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
94 4
|
4月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
4月前
|
JavaScript 前端开发 索引
你可能没有听说过 js中的 DOM操作还有这个: HTMLCollection 和 NodeList
该文章详细解释了JavaScript中HTMLCollection和NodeList这两种DOM集合类型的特性、使用方法及其区别,并通过实例代码展示了如何操作这两种集合来选取和遍历DOM元素。
|
4月前
|
JavaScript 前端开发