h5 行为、结构式相分离示例
作者:
奔跑的老少年 | 来源:发表于
2018-08-27 22:07 被阅读0次<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--行为(javascript)、结构(html)、样式(css)相分离-->
<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 myTrs = document.getElementsByTagName('tr');
//console.log(typeof(myTrs));
var lens = myTrs.length;
for (var i=0; i < lens;i++){
myTrs[i].onmouseover = function(){
// 谁调用这个函数this就指代谁
this.style.backgroundColor = 'red';
}
myTrs[i].onmouseout = function(){
this.style.backgroundColor = '';
}
}
</script>
</body>
</html>
本文标题：h5 行为、结构式相分离示例
本文链接：https://www.haomeiwen.com/subject/qnhxwftx.html
网友评论