首页 > 其他分享 >js013-js分离的DOM操作

js013-js分离的DOM操作

时间:2022-11-23 20:37:21浏览次数:46  
标签:style 1.2 DOM js013 js backgroundColor trs

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>IP</th>
<th>端口</th>
</tr>
</thead>
<tbody id="i1">
<tr><td>1.2.3.6</td><td>8888</td></tr>
<tr><td>1.2.335.6</td><td>9999</td></tr>
<tr><td>1.2.335.99</td><td>9933</td></tr>
</tbody>
</table>
<script>
var trs = document.getElementById('i1').children;
for(var i = 0;i<trs.length;i++){
trs[i].onmouseover = function (){
this.style.backgroundColor = '#e75e15';//记得用‘this’,当前这个对象
}
trs[i].onmouseout = function (){
this.style.backgroundColor = '';
}
}
</script>
</body>
</html>

标签:style,1.2,DOM,js013,js,backgroundColor,trs
From: https://www.cnblogs.com/lfyxys/p/16919685.html

相关文章

  • JS验证及错误调试
    /* try语句测试代码块的错误。 catch语句处理错误。 throw语句创建自定义错误。 finally语句在try和catch语句之后,无论是否有触发异常,该语句都会执行......
  • springboot整合jsp打包
    本文主要分享了对整合jsp的springboot项目打jar包,如何正确的配置maven pom。二、打包配置1.pom.xml添加spring-boot-maven-plugin配置<build><plugins>......
  • springboot整合jsp传参
    ViewController:packagecom.keafmd.controller;importorg.springframework.stereotype.Controller;importorg.springframework.ui.Model;importorg.springframewo......
  • js012-提交表单的两种方式
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>提交表单</title></head><body><formid="i1"action="https://www.baidu.com">......
  • Mapbox 与 Babylon.js 可视化 glsl 特效篇(十一)
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • Mapbox 与 Babylon.js 可视化 glsl 特效篇(十)
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • Mapbox 与 Babylon.js 可视化 glsl 特效篇(十四)
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • Mapbox 与 Babylon.js 可视化 glsl 特效篇(十三)
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • Mapbox 与 Babylon.js 可视化 glsl 特效篇(十二)
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • Mapbox 与 Babylon.js 可视化 glsl 特效篇(十五)
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......