xml节点操作(javascript)

Linux服务器 离线安装oracle 阅读详情

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

DOMDocument 属性和方法


  最近发现DOMDocument对象很重要,还有XMLHTTP也很重要

注意大小写一定不能弄错.

属性:

 

 1Attributes     存储节点的属性列表(只读)
 2childNodes     存储节点的子节点列表(只读)
 3dataType     返回此节点的数据类型
 4Definition     以DTD或XML模式给出的节点的定义(只读)
 5Doctype     指定文档类型节点(只读)
 6documentElement     返回文档的根元素(可读写)
 7firstChild     返回当前节点的第一个子节点(只读)
 8Implementation     返回XMLDOMImplementation对象
 9lastChild     返回当前节点最后一个子节点(只读)
10nextSibling     返回当前节点的下一个兄弟节点(只读)
11nodeName     返回节点的名字(只读)
12nodeType     返回节点的类型(只读)
13nodeTypedValue     存储节点值(可读写)
14nodeValue     返回节点的文本(可读写)
15ownerDocument     返回包含此节点的根文档(只读)
16parentNode     返回父节点(只读)
17Parsed     返回此节点及其子节点是否已经被解析(只读)
18Prefix     返回名称空间前缀(只读)
19preserveWhiteSpace     指定是否保留空白(可读写)
20previousSibling     返回此节点的前一个兄弟节点(只读)
21Text     返回此节点及其后代的文本内容(可读写)
22url     返回最近载入的XML文档的URL(只读)
23Xml     返回节点及其后代的XML表示(只读)

方法:

 1appendChild     为当前节点添加一个新的子节点,放在最后的子节点后
 2cloneNode     返回当前节点的拷贝
 3createAttribute     创建新的属性
 4createCDATASection     创建包括给定数据的CDATA段
 5createComment     创建一个注释节点
 6createDocumentFragment     创建DocumentFragment对象
 7createElement     创建一个元素节点
 8createEntityReference     创建EntityReference对象
 9createNode     创建给定类型,名字和命名空间的节点
10createPorcessingInstruction     创建操作指令节点
11createTextNode     创建包括给定数据的文本节点
12getElementsByTagName     返回指定名字的元素集合
13hasChildNodes     返回当前节点是否有子节点
14insertBefore     在指定节点前插入子节点
15Load     导入指定位置的XML文档
16loadXML     导入指定字符串的XML文档
17removeChild     从子结点列表中删除指定的子节点
18replaceChild     从子节点列表中替换指定的子节点
19Save     把XML文件存到指定节点
20selectNodes     对节点进行指定的匹配,并返回匹配节点列表
21selectSingleNode     对节点进行指定的匹配,并返回第一个匹配节点
22transformNode     使用指定的样式表对节点及其后代进行转换
23transformNodeToObject     使用指定的样式表将节点及其后代转换为对象


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

DOM(文档对象模型)

DOM(文档对象模型)概念的推出,这个API使HTML如虎添翼,但是有些学DHTML的朋友还是有些困挠,只是因为目前的手册的书写不太科学,是按字母

来分的,不便查阅.其实DOM中最关键是要掌握节点与节点之间的关系(between node andnode),想学习DHTML中的DOM千万不要从头到尾地看遍所

有的属性和方法,你有三国时张松的"过目不忘"的本领吗?没有吧,那就听我分析一下:

其实DOM教给我们的就是一个层次结构,你可以理解为一个树形结构,就像我们的目录一样,一个根目录,根目录下有子目录,子目录下还有子

目录……

根节点:


DOM把层次中的每一个对象都称之为节点(NODE),以HTML超文本标记语言为例:整个文档的一个根就是<html>,在DOM中可以使用

document.documentElement来访问它,它就是整个节点树的根节点(ROOT)

子节点:

一般意义上的节点,根节点以下最大子节点就是主文档区<body>了,要访问到body标签,在脚本中应该写:
document.body
body区以内所有的文本及HTML标签都是文档的节点,分别称为文本节点、元素节点(或者叫标签节点),大家知道HTML说到底只是文本而矣,

不论怎么样的网页必然由这两个节点组成,也只能由这两个节点组成

节点之间的关系:

节点之间的关系也是DOM中最重要的一个关节,如何正确地引用到节点对象,一定要清楚节点树各个节点的相互描述方式,在DHTML里,

Javascript脚本就用了各个节点对象的一整套方法和属性去描述另外的节点对象。


节点的绝对引用:
返回文档的根节点
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> 

硬件-电源-智能保护:eFuse选型与实战设计全攻略 本文深入解析eFuse在硬件电源设计中的关键作用与实战选型技巧。作为智能保护器件,eFuse能提供毫安级精度的过流保护、多重故障防护和智能恢复功能,比传统保险丝快1000倍以上。文章详细介绍了eFuse的工作原理、五大选型维度和PCB布局要点,帮助工程师有效预防电源异常导致的硬件损坏,适用于AI服务器、工业控制等场景。 阅读详情

相关推荐

STM32 HAL 模拟I2C从机实战:软件实现与多设备通信优化

本文详细介绍了STM32 HAL库下软件模拟I2C从机的实现方法,包括GPIO开漏配置、基础信号实现、数据收发函数编写和多设备通信优化策略。通过灵活的软件模拟方案,解决了硬件I2C接口数量限制和稳定性问题,为多传感器数据采集等应用提供了可靠的通信保障。

motor的博客 918

JavaScript操作XML

JavaScript操作XML (一)JavaScript操作XML是通过XML DOM来完成的。 那么什么是XML DOM呢? XML DOM 是:用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 的标准XML DOM 定义了所有XML 元素的对象和属性,以及访问它们的方法(接口)。 也就是说: XML DOM 是用于查询、添加、修改、删除XML 元素

WenwenFighting1314的博客 1064

安卓端目标检测模型部署血泪史:从NCNN/TFLite/MNN全军覆没到Torchscipts终见光明

公司需在Android设备部署目标检测模型,要求: ✅ 实时检测速度≥15FPS ✅ 模型精度损失<5% ✅ 兼容中低端安卓设备👉 GitHub项目地址:pytorch/android-demo-app/ObjectDetection我已上传这份源码到csdn下载准备模型(必须走这步才能跑通安卓端源码)如果您没有设置PyTorch环境来运行该脚本,可以下载模型文件此处转到“android演示app/ObjectDetection/app/src/main/assets”文件夹,然后跳过此步骤的其余部分,直

机器学习、深度学习、强化学习、迁移学习 1567

XmlAttribute

XmlAttribute类用于描述XML 数据中的元素属性。因为属性的编辑和设置一般使用XmlElement类提供的方法来实现,所以,XmlAttribute类设计的主要目的是为了描述元素属性这样一种XML数据结构。 XMLAttribute类和其他的XmlNode派生类相比,具有一些特殊的地方:该类虽然也是继承于XmlNode ,但是由于该类从属于XmlElement类,不是单独存在的节点——

中辽普坦的专栏 1万+

Ubuntu 22.04 LTS升级OpenSSH 9.6p1完整指南(附OpenSSL 3.2.0适配方案)

本文详细介绍了在Ubuntu 22.04 LTS系统中升级OpenSSH至9.6p1版本的全流程,包括OpenSSL 3.2.0的适配方案。从准备工作、依赖库安装、源代码编译到系统集成与配置,提供了完整的操作指南和常见问题解决方法,帮助用户安全高效地完成升级,提升服务器安全性和性能。

i8j9k0l1的博客 319

大模型多智能体协作面试题及参考答案

在多智能体系统里,代理定义自身目标或效用函数的过程与系统架构、应用场景紧密相关。从本质上讲,目标是代理行为的导向,而效用函数则是对目标达成程度的量化评估。代理通常依据自身角色、系统全局需求以及与其他代理的交互关系来确立目标。比如在合作型 MAS 中,代理目标可能需要与全局目标对齐,像多个物流机器人协作完成货物配送时,每个机器人的目标会围绕 “高效完成分配任务”“避免路径冲突” 等展开,其效用函数可能涉及任务完成时间、能耗等指标的加权求和。目标定义的方式存在多种类型。

大模型大数据攻城狮的专栏 1022

[JavaScript] 兼容IE、FireFox、Chrome等浏览器的xml处理函数(xml同步/异步加载、xsl转换、selectSingleNode、selectNodes)...

  在编写处理xml的网页时,经常为浏览器兼容性头疼。于是我将常用的xml操作封装为函数。经过一段时间的改进,现在已经很稳定了,用起来很舒服。     函数有—— xml_loadFile:xml同步/异步加载。 xml_transformNode:xsl转换。 xml_text:节点的文本。 selectSingleNode:根据XPath选择单个节点。 selectNodes:根...

weixin_33755847的博客 314

OceanBase数据迁移(OMS)深度解析:异构数据库迁移方案、核心原理与实战优化指南

OceanBase迁移服务(OMS)提供异构数据库间全量+增量数据迁移与实时同步能力,核心价值在于保障业务连续性、数据一致性和异构兼容性。其分层架构包含服务接入层、流程编排层和组件链路层,支持Oracle/MySQL/DB2等与OceanBase的数据交互。关键技术包括DBCat引擎处理结构转换、并行分片实现全量迁移、以及日志解析保障增量同步。OMS通过类型映射、批量提交和断点续传等优化手段,确保迁移过程高效可靠,典型应用于去O迁移、数据库升级等场景。

本博客聚焦 YOLOv11 全流程落地,涵盖架构优化、数据集处理、训练技巧与多场景部署,兼及国产数据库、Java 开发与 AI 模型应用,内容兼顾理论与工程实践,为开发者提供系统干货,助力高效提升技术能力。 849

XML中的属性:attribute

在.XSD文件中添加属性约束必须是在&lt;complex&gt;&lt;/complex&gt; 中间添加属性约束代码:&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema" elementFormDefault="qualified

Heihei 's note 1万+

用 ADT 的 RAP Generator 把 RAP 栈一键搭起来:从表到可预览的 OData V4 应用

摘要 SAP RAP Generator 工具能显著提升开发效率,通过一键生成从数据库表到完整 OData UI Service 的全套对象(包括 CDS、Behavior、Service Definition 等)。该工具特别适用于原型验证和标准化应用开发,可节省 60% 以上的基础编码时间。使用时需注意: 表设计需包含关键管理字段(如 last_changed 时间戳) 向导配置决定分层架构和命名规范 生成结果包含可立即预览的 Fiori Elements 界面 后续可专注于业务逻辑增强(校验、权限等)

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 1280

PSM倾向性评分分析介绍、spss进行倾向性评分分析示例

PSM倾向性评分分析介绍、spss进行倾向性评分分析示例

statistics+insight+vista+power 1481

使用 javascript 移动 xmlDom 节点

[code="java"] 使用 javascript 移动 xmlDom 节点. 3333index.html 1111index.html 2222index.html parse1 parse2 function parse1(){ var xmlDoc0 ...

xwhoyeah 179

基于FPGA的车道线检测系统设计

本文设计了一种基于FPGA的车道线检测系统,采用Altera Cyclone IV EP4CE10F17C8作为主控芯片,结合OV7725摄像头和LCD显示屏实现实时车道线检测。系统通过硬件流水线处理架构,依次完成图像采集、灰度转换、中值滤波、Sobel边缘检测和Hough变换直线识别等功能模块。所有模块均采用Verilog HDL实现,充分利用FPGA的并行处理能力,显著提升了系统响应速度。测试结果表明,该系统能够有效检测道路车道线,满足实时性要求,为ADAS系统提供了一种高效的硬件解决方案。

huanghm88的专栏 121

js访问xml之节点操作

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->获取元素值 x=xmlDoc.getElementsByTagName("titl...

166

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

js访问xml之节点操作(转)

本文转自:https://blog.youkuaiyun.com/liwenxia626/article/details/78033998代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--&gt;获取元素值x=xmlDoc.getElementsByTagName...

lookBackward的博客 573

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

JS操作XML(XML节点的属性说明)

<br />XML节点的属性说明<br />documentElement:XML文档的根节点<br />nodeName:节点的名称(只读)<br />nodeValue:节点的类型<br />childNodes:子节点类型<br />parentNode:返回父节点<br />firstChild:返回第一个子节点<br />lastChild:返回最后一个子节点<br />nextSibling:返回下一个兄弟节点<br />previousSibling:返回前一个兄弟节点

yinjianjing的专栏 1864

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

JavaScript操作XML (四)

上一篇介绍了JavaScript主要是通过什么方法来访问节点的。这一篇介绍JavaScript是如何操作节点的(包括增、删、改、查)。通过前面的介绍,我们知道XML文档中,主要是元素节点、属性节点和文本节点。下面详细介绍JavaScript是如何操作它们的。元素节点:查找:上一篇已介绍。主要是通过方法getElementsByTagName来查找定位。例子://输出所有的titlesvar t=x

Ivan Song的专栏 5650

js操作dom(4)-关于xml节点属性的操作

Code functiontest() { vardoc=newActiveXObject("Microsoft.XMLDOM"); //vardoc=sg.xmlDocument(); varreturnXml="<Root></Root&...

weixin_30778805的博客 96

用FSO操作 xml

由于用js操作本地xml文件之后save时会permission denied,所以据我所知就只能通过FSO来做。而用FSO,基本上就与文件是否是xml无关。 xml文件: &lt;root&gt;  &lt;parent&gt;    &lt;child1&gt;one&lt;/child1&gt;    &lt;child2&gt;one&lt;/child2&gt;  &lt;/pare...

weixin_34242819的博客 147

Javascript 操作XML

JavaScript操作XML (一) JavaScript操作XML是通过XML DOM来完成的。 那么什么是XML DOM呢? XML DOM 是: 用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 的标准 XML DOM 定义了所有XML 元素的对象和属性,以及访问它们的方法(接口)。 也就是说:XML DOM是用于查询、添加、修改、删除XML元素的标准。 在继续之前,我们先来了解一下XML的定义。 请看下面的 XML 文件 (books.xml): ..

xiao190128的专栏 2382

JavaScript之XML总结

之前我们已经学习过刘伟老师讲的XML视频,对XML有了一定的了解。现在JavaScript视频中再次对它进行了讲解,只不过所针对的内容不同。    之前讲解的是XML的基本概念,对它的元素、节点、应用等问题进行详细说明。而此次的主要内容是实现XML的动态操作,

Victor 1776

第一百二十六节,JavaScript,XPath操作xml节点

第一百二十六节,JavaScript,XPath操作xml节点 学习要点: 1.IE中的XPath 2.W3C中的XPath 3.XPath跨浏览器兼容 XPath是一种节点查找手段,对比之前使用标准DOM去查找XML中的节点方式,大大降低了查找难度,方便开发者使用。但是,DOM3级以前的标准并没有就XPath做出规范;直到DOM3在首次推荐到标准规范行列。大部分浏...

weixin_30794499的博客 140

原生js获取html根结点,原生JS操作XML

虽然现在广泛使用json数据格式,但是xml这种数据格式也是有他的作用的。html作为xml的先驱,我们可以用JS操作html的节点(DOM),所以操作xml也不会是太复杂。生成XMLxml的规范不在此篇的讨论范围之中。下面说明我们如何用原生的JS来创建xml节点,以生成xml文档。现代浏览器(IE9+)首先我们创建xml文档,// 创建一个新的、文档元素为的xml文档var xmldom = d...

weixin_39715290的博客 809

js操作xml

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head>&l...

weixin_30306905的博客 66

js 操作xml文件 总结

[code="html"] // 加载xml文档 loadXML = function(xmlFile){ var xmlDoc; if(window.ActiveXObject){ xmlDoc = new ActiveXObject('Microsoft.XMLDOM'); xmlDoc.async = false; xmlDoc.load(xml...

 対苩 318

javascript xml 操作

javascript xml 操作/*loadXML     = function(xmlFile){     var xmlDoc;     if(window.ActiveXObject)     {         xmlDoc     = new ActiveXObject(Microsoft.XMLDOM);         xmlDoc.async    

myweb1999的专栏 1247
上一篇: 资料收集
下一篇: 未能加载视图状态
boby16
博客等级 码龄21年 18粉丝 25原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值