/*, p #例子{颜色:灰色;,字体:18 px Arial,无衬线;}*/身体{,字体类型:“Helvetica”、“天线”,无衬线;,背景:# fff;,颜色:# 000}
表{,保证金:汽车;,边界:solid 1 px # 699;, text-align:中心;,宽度:600 px;}
标题{,保证金:汽车;,填充:10 px;,粗细:大胆;}
9 th{背景:# cc;粗细:正常;,填充:5 px;,边界:1 px dotted # 699;高度:40 px;,}/*,tr: nth-child(奇数){,背景:# ffc;}
tr: nth-child(甚至){背景:# fff;},隔行变色*/td{高度:40 px;} & lt; ! DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt; meta charset=" utf - 8 "比;
& lt; title> CSS-DOM
& lt; script src=" https://www.yisu.com/zixun/addLoadEvent.js "祝辞& lt;/script>
& lt; link rel="样式表",type=" text/css ", href=" https://www.yisu.com/zixun/9.3.2.css ",在
& lt; script src=" https://www.yisu.com/zixun/9.3.2.js "祝辞& lt;/script>,
& lt;/head>
& lt; body>
& lt; table>
& lt; caption> Itinerary
& lt; thead>
& lt; tr>
& lt;才能th> when</th>
& lt;才能th> where</th>
& lt;/tr>
& lt;/thead>
& lt; tbody>
& lt; tr>
& lt;才能td> June 9 th
& lt;才能td>波特兰。你们;abbr title=岸砝崭灾荨弊４荗R & lt;/td>
& lt;/tr>
& lt; tr>
& lt;才能td> June 10 th
& lt;才能td>西雅图& lt; abbr title=盎⒍佟弊４荳A & lt;/td>
& lt;/tr>
& lt; tr>
& lt;才能td> June 12 th
& lt;才能td>,萨克拉门托& lt; abbr title=凹又荨弊４荂A & lt;/td>
& lt;/tr>
& lt;/tbody>
& lt;/body>
& lt;/html> function addLoadEvent(函数){,,,//不管在页面加载完毕执行多少个函数,都应付自如
var oldonload =, window;
如果(typeof window.onload !=,“函数”){
时间=window.onload 函数;
其他}{
时间=window.onload 函数(){
oldonload ();
func ();
}
}
}
function stipeTables () {
如果(! document.getElementsByTagName), return 假;
var tables =, document.getElementsByTagName(“表”);
var 奇怪的行;
(var 小姐:=,0;,小姐:& lt;, tables.length;,我+ +){
时间=odd 假;
时间=rows 表[我].getElementsByTagName (tr);
(var j =, 0;, j & lt;, rows.length;, j + +) {
如果(odd ==, true) {
行[j] .style.backgroundColor =,“# ffc”;
时间=odd 假;
时间=其他}{,odd 真实;}
}
}
}
function displayAbbreviations () {//检查兼容性
如果(! document.getElementsByTagName | | ! document.createElement | | ! document.createTextNode), return 假;
var abbreviations =, document.getElementsByTagName(“方法”),,,,,,//取得所有缩略词
如果(abbreviations.length & lt;, 1),假的,,,,,,,,,,,,,,,,,,,,,,,,,,//兼容ie6及以下低版本浏览器,使得循环继续
var defs =, new 数组();
(var i=0,小姐:& lt;, abbreviations.length;,我+ +){,,,,,,,,,,,,,,,,,//遍历这些缩略词
var current_abbr =,缩写[我];
var definition =, current_abbr.getAttribute(“标题”);
var key =, current_abbr.lastChild.nodeValue;
def(例子),=,定义;
}
var dlist =, document.createElement (“dl”),,,,,,,,,,,,,,,,,,,,//创建定义列表,,
(拷贝,key def){,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,//遍历定义
var definition =, def(例子),,
var dtitle =, document.createElement (dt),,,,,,,,,,,,,,,,,,,//创建定义标题
var dtitle_text =, document.createTextNode(关键);
dtitle.appendChild (dtitle_text);
var ddesc =, document.createElement (dd),,,,,,,,,,,,,,,,,,,,,//创建定义描述
var ddesc_text =, document.createTextNode(定义);
ddesc.appendChild (ddesc_text);,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,//把它们添加到定义列表
dlist.appendChild (dtitle);
dlist.appendChild (ddesc);
}
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
