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

最新推荐文章于 2025-05-28 14:43:37 发布

风影极光

最新推荐文章于 2025-05-28 14:43:37 发布

阅读量862

点赞数

CC 4.0 BY-SA版权

分类专栏： Lotus——Design 文章标签： javascript xml path firefox function 浏览器

本文链接：https://blog.youkuaiyun.com/MingleLui/article/details/4534257

Lotus——Design 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个简单的XML文件结构及如何使用XPath表达式来查询特定的数据。通过HTML页面中的JavaScript实现跨浏览器的XPath查询功能，演示了如何从XML文档中选取满足条件的书籍信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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]