JavaScript借助xpath操纵xml数据（一）

books.xml文件

<?xml version="1.0" encoding="utf-8"?> <bookstore> <book category="COOKING"> <title lang="en">Everyday Italian</title> <author>Giada De Laurentiis</author> <year>2005</year> <price>30.00</price> </book> <book category="CHILDREN"> <title lang="en">Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price> </book> <book category="WEB"> <title lang="en">XQuery Kick Start</title> <author>James Linn</author> <author>Vaidyanathan Nagarajan</author> <year>2003</year> <price>49.99</price> </book> <book category="WEB"> <title lang="zh">Learning XML</title> <author>Erik T. Ray</author> <year>2003</year> <price>39.95</price> </book> </bookstore>

test.html文件

<html> <head> <title>xpath test</title> <mce:script type="text/javascript"></mce:script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head> <body> 输入xpath eg://book[title[@lang='en'] and price<=30]/title/text() <br> <input type="text" id="path" size="120"/> <input type="button" value="get nodes" onclick="fnSelectNodes()"/> <br> <div id="books"> <iframe src="books.xml" mce_src="books.xml" width="100%" height="90%"></iframe> </div> </body> </html>

两个文件放在同一个目录下即可。

运行test.html，输入

//book[title[@lang='en'] and price<=30]/title/text()

快看看效果吧！

输入这个呢？

/bookstore/book/year[.=2005]

相关阅读:
js用8421码实现10进制转2进制
什么？toggle（fn1, fn2）函数在1.9版本jq被移除？来来来，自己撸一个
js获取鼠标点击的对象,点击另一个按钮删除该对象
html5小结
iphone状态栏高度？
制作手机相册全屏滚动插件fullpage.js
js 相关知识整理(一)
css 居中问题
进度条
@Html.Raw（）

原文地址：https://www.cnblogs.com/mingle/p/2308290.html