JavaScript解析XML,js解析xml字符串XMl
可扩展的⽂本标记语⾔,⽤来传输数据和保存数据
整个⽂档是⼀个⽂档节点
每个XMl标签是⼀个元素节点
包含在xml标签内的⽂本是⽂本节点
每个xml属性是⼀个属性节点
注释属于⼀个注释节点
XML ⽂档形成了⼀种树结构,它从“根部”开始,然后扩展到“枝叶”。
<?xml version="1.0" encoding="utf-8"?>//声明版本和字符集
<root>//根元素
<child>
<subchild>.....</subchild>
</child>
</root>
ps:
xml的主要作⽤是为了信息传递
xml必须有根元素
xml标签大全所有的xml标签必须由关闭标签
xml对⼤⼩写敏感
xml必须正确的嵌套
xml属性加引号
JS解析Xml
JS解析xml⽂件
//创建⽂档
var xmldoc=ateDocument('','',null);
//是否异步,true同步,false异步
xmldoc.async=false;
//xml⽂件
xmldoc.load('1.xml');
JS解析字符串
var str="<?xml version='1.0' ...........";
//创建⽂档对象
var parser=new DOMParser();//创建⽂档对象
var xmldoc=parser.parser.parserFromString(str,'text/xml')
代码部分:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js解析xml⽂档</title>
</head>
<body>
<script type="text/javascript">
//创建⽂档
var xmlDoc=ateDocument("","",null); //是否异步 true同步 false 异步
xmlDoc.async=false;
//xml⽂件
xmlDoc.load("1.xml");
//解析⽂档中的内容
// console.log(xmlDoc);
//获取⽂档中标签元素对象
var names = ElementsByTagName('name');
// console.log(names);
var arr = [];
for (var i = 0; i < names.length; i++) {
arr[arr.length] = names[i].innerHTML;
};
console.log(arr);
//获取属性
console.log(names[0].getAttribute('class'));
</script>
</body>
</html>
1. xml
<?xml version='1.0' encoding='utf-8'?>
<movies>
<movie>
<name class='iloveyou'>辩护⼈</name>
<country>韩国</country>
</movie>
<movie>
<name>V字仇杀队</name>
<country>美国</country>
</movie>
<movie>
<name>盗梦空间</name>
<country>美国</country>
</movie>
</movies>
代码解析xml字符串:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js解析xml字符串</title> </head> <body> <script type="text/javascript"> var str = " <?xml version='1.0' encoding='utf-8'?> <movies> <movie> <name>辩护⼈</name> <country>韩国</country> </movie> <movie> <name>V字仇杀队</name> <country>美国</country> </movie> <movie> <name>盗梦空间</name> <country>美国</country> </movie> </movies>"; //创建⽂档对象 var parser=new DOMParser(); var xmlDoc=parser.parseFromString(str,"text/xml"); //提取数据 var countrys =
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论