.tableStyle{
background:yellow;
font-size:14px;
font-weight:bold;
border:1px solid #000000
引用的时候也很容易，只需要加一行：
<link type="text/css" href="https://www.jb51.net/css/style.css" />
rel指定加入的是css样式表文件，type指定文件类型，href则是文件的物理地址。
3 动态修改css样式。
终于，跟js扯上关系了。
这个修改的方法无外乎取到元素然后修改属性。要提的一点是，link的属性也可以修改。
比如：写一个link的id是myStyle，然后修改它的导入文件，方法是这样的：
复制代码 代码如下:
<link type="text/css" href="https://www.jb51.net/css/style.css">
<script tyle="text/javascript">
//在javascript中修改时：
var styleObj=document.getElementById("myStyle");
styleObj.styleSheet.cssText="";//清除原有样式
styleObj.styleSheet.addImport("css/style2");
</script>
好的接下来开始XML部分
（博主你的节操呢？！！）
xml如果真要详细学可以再开一个系列了。。于是，我们这里就是简约的说一下。
xml的全称是：extensible markup language，它的存在时为了更好的，更灵活而广泛的描述数据。他的标签几乎全部可以由用户定义。
比如我们要存储一个关于书的信息，可以有不同的存储方式：
复制代码 代码如下:
<book>
<name>.....</name>
<author>....</author>
<publisher>...</publisher>
</book>
<!-- or -->
<book>
<property value="....."/>
<property value="..."/>
<property value="...."/>.
</book>
xml还有几个死的规定：
必须有声明语句<?xml cersion="1.0"?> 当然里面可以有别的比如encoding之类的属性。
所有的xml以外的元素都必须是封闭的，也就是必须要有/>
属性值必须包含在引号里。
区分大小写
标记名字以字母。“_”，“:”开头，后面可以跟字母，数字，句点，冒号，下划线。
只有一个根节点。
XPath
XPath是用来在XML文件中查找信息并且定位的语言。它可以遍历树中的元素和属性。
数是什么大家都懂的，其实说到这里也就是讲讲xpath的语法而已。
关于xpath的语法请看https://www.jb51.net/w3school/xpath/xpath_syntax.htm
请大致浏览上述网页的“XPath 语法” “XPath 轴” “XPath 运算符” 以及参考手册一栏下的“XPath 函数”。
大致浏览过后，就可以开始这部分的练习了：
首先给一个xml文件：
复制代码 代码如下:
<!-- Copyright w3school.com.cn -->
<!-- W3School.com.cn bookstore example -->
<bookstore>
<book category="children">
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
<book category="cooking">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="web" cover="paperback">
<title lang="en">Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>
<book category="web">
<title lang="en">XQuery Kick Start</title>
<author>James McGovern</author>
<author>Per Bothner</author>
<author>Kurt Cagle</author>
<author>James Linn</author>
<author>Vaidyanathan Nagarajan</author>
<year>2003</year>
<price>49.99</price>
</book>
</bookstore>
（从网站copy来的，复制请保留权限。）
在IE和FF中的使用稍有不同，这点比较麻烦，先来IE的：这段代码中再次重申：script写在table后面，否则它在编译js的时候，不知道那句innerText该往哪里加载，因为还没有渲染到table的地方。完整代码如下做参考：
XML in IE
复制代码 代码如下:
<html>
<head>
<title>xml test</title>
</head>
<body>
<table>
<tr>
<td>book name:</td>
<td><span></span></td>
</tr>
<tr>
<td>book author:</td>
<td ><span><span></td>
</tr>
</table>
<script type="text/javascript">
<!--
var xmldoc=new ActiveXObject("MSXML2.DOMDocument.3.0");
xmldoc.load("https://www.jb51.net/xml/books.xml");
var name=xmldoc.selectNodes("/bookstore/book/title");
var author=xmldoc.selectNodes("/bookstore/book/author");
var bname=document.getElementById("bname");
var bauthor=document.getElementById("bauthor");
bname.innerText=name[0].text;
bauthor.innerHTML="<p>"+author[0].text+"</p>";
//-->
</script>
<body>
</html>
接下来是FF的：
复制代码 代码如下: