                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

这段代码没太理解，求指教！

 function Highlight(){     	
 var tbody = document.getElementById('table').lastChild;	
 //table节点的最后一个子节点不是最后一个tr节点嘛？怎么成数组了？		
 trs = tbody.getElementsByTagName('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";			} 		
 }

table节点的最后一个子节点不是最后一个tr节点嘛？怎么成数组了？

table节点的最后一个子节点不是最后的tr节点嘛？怎么成数组了？for循环里面的语句是什么意思呢？

枫芒i

2018-06-19

源自：JavaScript进阶篇 9-22

关注问题我要回答

1324

操作

收起

2 回答

慕数据6286186 回答被采纳 +2 积分
2018-07-23

table节点的最后一个子节点应该是tbody，这个表格省略了thead和tbody，所以不好理解。

1 回复有任何疑惑可以回复我~

收起回答

枫芒i 提问者

嗯嗯，浏览器解析的时候自动给表格加上了个tbody标签。

2018-08-03 回复有任何疑惑可以回复我~

qq_抛物线_0
2018-07-04

var tbody = document.getElementById('table')获取的是所有的子节点，所有的节点构成数组，你要得到最后一个节点相当于取数组的最后一个元素，数组a = [1,2,3,4,5,6]，你要得到6这个元素就要这样写 a[5].for循环循环tr(行元素)，你现在的trs里面只有一个tr