使用CSS控制XML的显示
book.css
bookname{ display:block;color:Red}
author{ display:block;font-style:italic}
price{ display:block;colo
book.xml
< xml version="1.0" encoding="GB2312" >
< xml-stylesheet type="text/css" href="book.css" >
数据库信息.xml
< xml version="1.0" encoding="gb2312" >
通过js解析xml然后通过html显示xml中的数据
源XML文档scoot.xml
< xml version="1.0" encoding="gb2312" >
负责解析的HTML文件，里面是用JS解析的:
<script language="java script" type="text/java script">
//以下的函数只用于在触发“导入所有数据”表单事件时
function getDataFromXml() {
// 1： 创建XML解析器
var parse = new ActiveXObject("Microsoft.XMLDOM"); //支持IE
// alert(parse);
//document.implementation
//2：加载XML文档
parse.load("scoot.xml");
//parse.loadXML( x );//加载字符串
//alert( parse );
//是否加载成功 parseError.errorCode :0 加载成功 非0加载失败
if (parse.parseError.errorCode != 0) {//加载失败
alert("加载失败");
} else {
alert("加载成功");
parseX(parse);
}
}
//parse
function parseX(parse) {
alert("开始解析!");
//得到文档中table标签的对象
var myTable = document.getElementById("table");
//创建标签为tbody的对象
var tbody = document.createElement("tbody");
//获取根节点
var root = parse.documentElement;
// alert( root );
//alert( root.childNodes.length )