<!DOCTYPE html>
<html lange="en"> <!-- 设置语音 -->
<head>
<meta charset="UFT-8"> <!-- 设置编码格式 -->
<title>Title</title>
<style>
img{
border:0; /*边框 border*/
}
</style>
</head>
<body>
<table border="1" width="300px">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
<script>
var trs = document.getElementsByTagName('tr');
console.log(trs);
for(var i= 0; i < trs.length; i++){
/*this 这里是指谁调用这个函数 这个this就指向谁*/
trs[i].onmouseover = function(){
this.style.backgroundColor = "red";
}
trs[i].onmouseout = function(){
this.style.backgroundColor = "";
}
}
function t1(n){
var tag = document.getElementsByTagName('tr')[n];
tag.style.backgroundColor="red";
}
function t2(n){
var tag = document.getElementsByTagName('tr')[n];
tag.style.backgroundColor="";
}
</script>
</body>
</html>
<html lange="en"> <!-- 设置语音 -->
<head>
<meta charset="UFT-8"> <!-- 设置编码格式 -->
<title>Title</title>
<style>
img{
border:0; /*边框 border*/
}
</style>
</head>
<body>
<table border="1" width="300px">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
<script>
var trs = document.getElementsByTagName('tr');
console.log(trs);
for(var i= 0; i < trs.length; i++){
/*this 这里是指谁调用这个函数 这个this就指向谁*/
trs[i].onmouseover = function(){
this.style.backgroundColor = "red";
}
trs[i].onmouseout = function(){
this.style.backgroundColor = "";
}
}
function t1(n){
var tag = document.getElementsByTagName('tr')[n];
tag.style.backgroundColor="red";
}
function t2(n){
var tag = document.getElementsByTagName('tr')[n];
tag.style.backgroundColor="";
}
</script>
</body>
</html>