求解:參考代碼有一處理解不了
window.onload = function(){
Highlight();
} ?
function Highlight(){
var tbody = document.getElementById('table').lastChild;//這里的意思是table元素的最后一個(gè)子節(jié)點(diǎn)
trs = tbody.getElementsByTagName('tr');? ?//這里不就變成返回table元素最后一個(gè)子節(jié)點(diǎn)對(duì)象中tr的集合了嘛???
for(var i =1;i<trs.length;i++){
trs[i].onmouseover = function(){
this.style.backgroundColor ="#f2f2f2";
}?
trs[i].onmouseout = function(){
this.style.backgroundColor ="#fff";
}?
} ?
}
2016-08-10
為了讓大表格(table)在下載的時(shí)候可以分段的顯示,就是說(shuō)在瀏覽器解析HTML時(shí),table是作為一個(gè)整體解釋的,使用TBODY可以優(yōu)化顯示。如果表格很長(zhǎng),用tbody分段,可以一部分一部分地顯示,不用等整個(gè)表格都下載完成。下載一塊顯示一塊,表格巨大時(shí)有比較好的效果。
??? tbody、tfoot、thead一般來(lái)說(shuō)用得不是很多,對(duì)于比較復(fù)雜的頁(yè)面,頁(yè)面的排版用到了很多的表格,表格的結(jié)構(gòu)也就相對(duì)的復(fù)雜了,所以又將表格分割成三個(gè)部分:題頭、正文和腳注。而這三部分分別用: thead, tbody, tfoot來(lái)標(biāo)注。
thead 表格的頭??????? 用來(lái)放標(biāo)題之類的東西
tbody 表格的身體??? 放數(shù)據(jù)本體?
tfoot 表格的腳?????? 放表格的腳注之類 ??
----------------博客?lujunql
(上面看不懂也沒(méi)關(guān)系,就是想告訴你還有三個(gè)東西)就是說(shuō)表格table默認(rèn)的自己有三個(gè)子節(jié)點(diǎn),tbody是最后一個(gè)(次序thead、tfoot、tbody),所以lastChild是取tbody