js中取子节点（table表）

最新推荐文章于 2024-07-10 10:23:51 发布

qq_27939357

最新推荐文章于 2024-07-10 10:23:51 发布

阅读量4k

点赞数 1

文章标签： JavaScript中table表获取子

本文链接：https://blog.csdn.net/qq_27939357/article/details/45580651

版权

本文介绍了在JavaScript中如何正确获取HTML table的子节点，特别是tr行。通过实例代码展示了初始错误的直接获取childNodes的方式会导致包含文本节点，而正确做法是通过getElementsByTagName('tr')或者考虑tbody来获取表格行。

摘要由CSDN通过智能技术生成

最近在慕课网上学习js，一路都很顺畅，今天学到获取子节点这里，遇到了一点小问题；

转自慕课网javascript进阶篇9-22节的其他同学的源代码如下实现的效果就是鼠标经过表的每一行时候每一行的背景色改变；其他学都是跟tag那么获取所有的行（tr）

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">

window.onload = function(){
var trnode=document.getElementsByTagName("tr");
for (i=0; i<trnode.length;i++){

trnode[i].οnmοuseοver=function(){

this.style.background="#f00";

}

trnode[i].οnmοuseοut=function(){

this.st