Javascript将字符串转换成xml并取节点值、属性值在文本框中

最新推荐文章于 2024-08-26 14:25:48 发布

lzhw1985

最新推荐文章于 2024-08-26 14:25:48 发布

阅读量220

点赞数

分类专栏： javascript 文章标签： XML JavaScript QQ Microsoft XHTML ViewUI

本文链接：https://blog.csdn.net/lzhw1985/article/details/83874314

版权

javascript 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>字符串转xml初始化文本框</title>
</head>

<body>
xml数据item节点1的值<br/>
用户名：<input type="text" id="username" /><br/>
密码：<input type="text" id="password" /><br/>
从xml属性中取得的性别值：<input type="text" id="sex1" />
<br/><br/>
xml数据item节点2的值<br/>
用户名：<input type="text" id="username2" /><br/>
密码：<input type="text" id="password2" /><br/>
从xml属性中取得的性别值：<input type="text" id="sex2" />

<script language="javascript" type="text/javascript" >
/*
* 字符串返回xml对象
* @param str:xml字符串
* ----------------------
* 程序编写：李建东
* 编写时间：2010-12-04 22:42
* 联系电话：135 1985-02-07
* QQ号码：813751/657597
*/
function xml(str){
if(document.all){
var xmlDom=new ActiveXObject("Microsoft.XMLDOM") ;
xmlDom.loadXML(str) ;
return xmlDom ;
}else{
return new DOMParser().parseFromString(str, "text/xml");
}
}
/*
* 字符串返回xml对象函数具体应用
* ----------------------
* 程序编写：李建东
* 编写时间：2010-12-04 22:44
* 联系电话：135 1985-02-07
* QQ号码：813751/657597
*/
//xml字符串
var str = ""
str += "<?xml version=\"1.0\" encoding=\"utf-8\" ?>";
str += "<root>";
str += "<item>";
str += "<username sex=\"男\">admin</username>";
str += "<password>123456</password>";
str += "</item>";
str += "<item>";
str += "<username sex=\"女\">admin2</username>";
str += "<password>654321</password>";
str += "</item>";
str += "</root>";
//根据ID取容器对象，以减少写document.getElementById()
var $ = function(id){return document.getElementById(id);};
//调用函数将字符器型的xml数据转换成xml文档
var xmldoc = xml(str).getElementsByTagName("item");
//初始第1节点数据
$("username").value = xmldoc[0].getElementsByTagName("username").item(0).text;
$("password").value = xmldoc[0].getElementsByTagName("password").item(0).text;
//初始第2节点数据
$("username2").value = xmldoc[1].getElementsByTagName("username").item(0).text;
$("password2").value = xmldoc[1].getElementsByTagName("password").item(0).text;
//根据xml节点属性读取属性值
$("sex1").value = xmldoc[0].getElementsByTagName("username").item(0).attributes.getNamedItem("sex").value;
$("sex2").value = xmldoc[1].getElementsByTagName("username").item(0).attributes.getNamedItem("sex").value;
//

</script>
</body>
</html>