201709000123
张嘉佳
女
汉族
湖北武汉
英语
201709000124
李文斌
男
傣族
云南昆明
建筑
201709000548
王香凝
女
苗族
四川成都
音乐
201709000789
张文煊
女
汉族
广东广州
语言
这个简单的XML文档类似于C语言中的结构体对象
在浏览器中打开XML文档时,如果没有为XML指定样式表,浏览器将会使用默认样式显示XML,
而且,XML没有预定义的标记,也没有预定义的
和class属性
所以当我们需要自定义一种XML输出样式时,就需要自定义一个外部CSS样式表;
XML部分:Css-xml.xml
XSLT转化XML
201709000123
张嘉佳
女
汉族
湖北武汉
英语
201709000124
李文斌
男
傣族
云南昆明
建筑
201709000548
王香凝
女
苗族
四川成都
音乐
201709000789
张文煊
女
汉族
广东广州
语言
CSS部分: cssformat.css
students{
border-collapse: collapse;
display: table;
margin: auto;
margin-top: 24px;
}
student{
display:table-row;
line-height: 24px;
}
sn, name, sex, nation, address, profession{
display:table-cell;
border:1px solid;
padding: 6px;
}
txt{
font-style: normal;
font-weight: bolder;
font-size: x-large;
line-height: 24px;
text-align: left;
margin-top: 20px;
}
在上面的 XML 中,根节点是 。文档中的所有其他节点都被包含在 中。
根节点 有四个 节点。
第一个 节点六个节点:
其中每个节点都包含一个文本节点,“201709000123”, “张嘉佳”, “女” 以及 "汉族"等。
XMl文档中引用外部样式表的格式是:
注意:
一样`XML部分:xslt-xml.xml
201709000123
张嘉佳
女
汉族
湖北武汉
英语
201709000124
李文斌
男
傣族
云南昆明
建筑
201709000548
王香凝
女
苗族
四川成都
音乐
201709000789
张文煊
女
汉族
广东广州
语言
XSLT部分: xsltformat.xsl
XTSL转化XML
XSLT转化XML
studentlist
学号
姓名
性别
民族
籍贯
专业
在上面的 XML 中,根节点是 。文档中的所有其他节点都被包含在 中。
根节点 有四个 节点。
第一个 节点六个节点:
其中每个节点都包含一个文本节点,“201709000123”, “张嘉佳”, “女” 以及 "汉族"等。
XMl文档中引用外部样式表的格式是:
注意:
把文档声明为 XSL 样式表的根元素是
或
。
注释:
和
是完全同义的,均可被使用!
根据 W3C 的 XSLT 标准,声明 XSL 样式表的正确方法是:
或者:
如需访问 XSLT 的元素、属性以及特性,我们必须在文档顶端声明 XSLT 命名空间
在XSLT中通常需要将XML中的内容复制到文档中,XSLT提供了value-of元素可实现该功能,格式:
<xsl:value-of select="name"/>
select后面为指定的XML中的节点 **“.”**表示选取钙元素下的所有元素(当前节点无嵌套元素除外)
XSLT xsl:template 元素
XSLT xsl:value-of 元素
XSLT xsl:for-each 元素
(用“|”分隔)
根据 DOM,XML 文档中的每个成分都是一个节点。
DOM 是这样规定的:
XML部分:Dom-xml.xml
201709000123
张嘉佳
女
汉族
湖北武汉
英语
201709000124
李文斌
男
傣族
云南昆明
建筑
201709000548
王香凝
女
苗族
四川成都
音乐
201709000789
张文煊
女
汉族
广东广州
语言
Dom部分:Domformat.html(Dom为HTML文件)
XML DOM应用
使用DOM显示XML文挡
学号
姓名
性别
民族
籍贯
专业
注意:上述Dom案例代码只能在IE9+打开,否则只会出现表头(Dom无法解析XML文档中的内容)
如果出现这种情况,直接点击允许即可
在上面的 XML 中,根节点是 。文档中的所有其他节点都被包含在 中。
根节点 有四个 节点。
第一个 节点六个节点:
其中每个节点都包含一个文本节点,“201709000123”, “张嘉佳”, “女” 以及 "汉族"等。
XML DOM 把 XML 文档视为一种树结构。这种树结构被称为节点树。
可通过这棵树访问所有节点。可以修改或删除它们的内容,也可以创建新的元素。
这颗节点树展示了节点的集合,以及它们之间的联系。这棵树从根节点开始,然后在树的最低层级向文本节点长出枝条:
(借用W3School的图)
XML DOM 含有遍历 XML 树以及访问、插入、删除节点的方法(函数)。
然后,在访问并处理 XML 文档之前,必须把它载入 XML DOM 对象。
xmlDoc.load("Dom-xml.xml");
:加载XML
下面代码为了兼容浏览器
try {
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e) {
isie=false;
xmlDoc=document.implementation.createDocument("","",null);//
}
加载函数整体:
try {
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e) {
isie=false;
xmlDoc=document.implementation.createDocument("","",null);//
}
xmlDoc.async=false;
xmlDoc.load("Dom-xml.xml");
var stuList=xmlDoc.getElementsByTagName("student");
for(var i=0; i");
var subList=stuList[i].childNodes;
for(var j=0; j" + subList[j].text + "");
}
else {
if(subList[j].nodeType==1) {
document.write("" + subList[j].textContent + " ");//
}
}
}
document.write("");
}
XML DOM Document 对象