Javascript操作XML和HTML_php输出html页面资源-CSDN文库

共1个文件

pdf：1个

Javascript

XML

HTML

2星需积分: 10 147 浏览量 2009-11-22 23:27:39 上传评论收藏 98KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

Javascript操作XML和HTML.rar （1个子文件）

Javascript操作XML和HTML

Javascript操作XML和HTML.pdf 112KB

Javascript 操作 XML,HTML

罗代均 ldj_work#126.com 2007-10-17

第一部分，XML

Ok,先定义一个 xml DOM 对象 e

1. 属性

e.childNodes 返回下级元素数组

e.firstChild 返回第一个下级元素

e.lastChild 最后一个下级元素

e.nextSibling 同级下一个元素

e.previousSibling 同级上一个元素

e.parentNode 返回父节点

e.nodeValue 当前元素的值,

e.text 当前元素(包括所有下级(递归)的文本，不包括 tag,只有

各节点的文本

e.xml 当前元素 xml 文本,包括 tag

2.方法

e.selectSingleNode("XPATH"); //查找单个元素, 参数为 XPATH

e.selectNodes(“XPATH”); //查找元素,返回数组

e.getElementById("id"); //根据 id 获得元素

e.getElementsByTagName("tagName"); //根据 tag 找到的元素数组

e.getAttribute("name"); //得到属性值

e.hasChildNodes(); //是否有下级元素

e.removeChild(element); //删除下级元素

e.appendChild(element); //添加下级元素

e.cloneNode(true); //克隆节点

e.replaceChild(newNode,oldNode);

3.创建 xml DOM 对象

3.1 XMLHTTP

//XMLHTTP 对象

var xmlHttp = ….

//用 responseXML 返回 xml DOM 对象，responseText 返回文本

var e=xmlHttp.responseXML;

3.2 IE 下将字符串转为 DOM 对象

//创建 DOM 对象

var xmlDoc = new ActiveXObject("MSXML.DOMDocument");

var xmlString=”<book><title>ajax</title><author>xiaoluo</author></book>”;

//载入字符串

xmlDoc.loadXML(xmlString);

//根元素

var root = xmlDoc.documentElement;

/*也可以加载外部文件

var xmlFile=”c:\book.xml”);

xmlDoc.load(xmlFile);

3.3 Firefox 下将字符串转为 DOM 对象

//创建 DOM 对象

var xmlDoc = document.implementation.createDocument("", "doc", null);

var xmlString=”<book><title>ajax</title><author>xiaoluo</author></book>”;

//将字符串创建为对象

xmlDoc.loadXML(xmlString);

//根元素

var root = xmlDoc.documentElement;

/*也可以加载外部文件

var xmlFile=”c:\book.xml”);

xmlDoc.load(xmlFile);

4.举例

Test.htm:

<html>

<head>

function test(){

//创建 DOM 对象

var xmlDoc = new ActiveXObject("MSXML.DOMDocument");

var xmlString="<book

id='007'><title>ajax</title><author>xiaoluo</author></book>";

//将字符串创建为对象

xmlDoc.loadXML(xmlString);

//根元素

var root=xmlDoc.documentElement;

//到 root 的值

alert(root.xml); //结果:<book

id='007'><title>ajax</title><author>xiaoluo</author></book>

alert(root.text); //结果:ajaxxiaoluo,可以看到，区别是 tag 没有了，只有所有的

文本

alert(root.nodeValue);//结果;null

//得到 book 的 id 属性

var att=root.getAttribute("id");

alert(att); //结果:007

//下级元素的个数

var length=root.childNodes.length;

alert(length); //结果:2

//第一个下级元素

var title=root.childNodes[0];

alert(title.nodeValue); //结果:ajax

alert(title.text); //结果:ajax

//第二种方式得到第一个下级元素

var title2 = root.firstChild;

alert(title2.nodeValue); //结果:ajax

alert(title2.text); //结果:ajax

//查找 title 节点,返回数组，这里取第一个

var title3=root.selectNodes("title")[0]; //从 root 所在 book 节点往下看,全路径

为 title,也可以用任意路径 selectNodes("//title");

alert(title3.text); //结果:ajax

//查找单个的 title 节点

var title4=root.selectSingleNode("title");//也可用任意路径//title;

alert(title4.text); //结果:ajax

//查找 title 节点的第三种方式,返回数组，这里取第一个

var title5=root.getElementsByTagName("title")[0];

alert(title5.text); //结果:ajax

//得到父节点

var root2=title.parentNode;

alert(root2.xml); //结果:<book

id='007'><title>ajax</title><author>xiaoluo</author></book>

//替换节点 author,这里用 title 节点来替换

var oldNode=root.childNodes[1];//得到 author 节点

var newNode=title.cloneNode(true); //克隆节点 title

root.replaceChild(newNode,oldNode);

alert(root.xml);//结果:<book

id='007'><title>ajax</title><title>ajax</title></book>

//增加一个节点

var addNode=title.cloneNode(true);

root.appendChild(addNode);

alert(root.xml);//结果:<book

id='007'><title>ajax</title><title>ajax</title><title>ajax</title></book>

//删除一个节点

var removeNode=root.childNodes[2];

root.removeChild(removeNode);

alert(root.xml);

}

</script>

</head>

<body>

</body>

</html>

评论收藏

内容反馈

happyAndy945

2012-12-22

感谢分享，虽然不是很有用
豆腐脑0609

2012-12-22

用处不大，凌乱的很...

zqc_0101

粉丝: 7
资源: 42

Javascript操作XML和HTML

javascript操作XML

javascript操作xml生成树形菜单

javascript操作XML与HTML

JavaScript读取xml

用Javascript 实现XML 文档数据检索

JavaScript操作XML/HTML比较常用的对象属性集锦

JavaScript实现将xml转换成html table表格的方法

JavaScript 解析读取XML文档 实例代码

javascript读取xml实现javascript分页

javascript+xml技术实现分页浏览

用ajax函数读取xml，然后解析XML.html.rar

JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)

HTML5+CSS3+JavaScript网页设计8.zip

xml实现静态网页读取动态数据

JavaScript实现读取与输出XML文件数据的方法示例

javascript项目

echarts-gl.min.js

自主研发的软著申请代码文档整理输出工具

2023前端面试八股文.pdf

javascript网页设计期末作业 购物网站

javaWeb楠小弟自助图书系统项目，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段

基于JavaScript网红太空人表盘

小兔鲜项目源码（动态网页，包含首页、注册页、登录页、购物页）原生HTML、CSS、Javascript

jquery-3.7.0.min.js（jQuery下载）

chromedriver-122.0.6261.70-64

Visual Studio Code auto.js.pro专用插件 Auto.js-Pro-Ext hyb1996

h5+JavaScript 烟花demo

省市县三级联动city.js文件

最新资源

JavaScript 解析读取XML文档实例代码

javascript网页设计期末作业购物网站