js实现鼠标经过表格行变色的方法

 更新时间:2015年05月12日 15:03:57   作者:vivi  
这篇文章主要介绍了js实现鼠标经过表格行变色的方法,涉及javascript表格节点样式及鼠标事件的相关操作技巧,需要的朋友可以参考下

本文实例讲述了js实现鼠标经过表格行变色的方法。分享给大家供大家参考。具体实现方法如下:

<script type=text/javascript>
<!--
(function(){
 var rows = document.getElementById("listdata");
 var add = function(){
 this.style.backgroundColor="#f3f3f1";
 };
 var del = function(){
 this.style.backgroundColor="#fff";
 };
 for(var m=rows.firstChild;m!=null;m=m.nextSibling){
 m.onmouseover = add;
 m.onmouseout = del;
 }
})();
-->
</script>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 浅谈webpack 自动刷新与解析

    浅谈webpack 自动刷新与解析

    这篇文章主要介绍了浅谈webpack 自动刷新与解析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • webpack打包js文件及部署的实现方法

    webpack打包js文件及部署的实现方法

    这篇文章主要介绍了webpack打包js文件的方法及webpack打包后的JS文件如何部署,需要的朋友可以参考下
    2017-12-12
  • 微信小程序之分享页面如何返回首页的示例

    微信小程序之分享页面如何返回首页的示例

    这篇文章主要介绍了微信小程序之分享页面如何返回首页的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • javascript之textarea打字机效果提示代码推荐

    javascript之textarea打字机效果提示代码推荐

    非常不错的提示输入内容,动态的提示,给人亲切感
    2008-09-09
  • JavaScript对象拷贝与赋值操作实例分析

    JavaScript对象拷贝与赋值操作实例分析

    这篇文章主要介绍了JavaScript对象拷贝与赋值操作,结合实例形式分析了javascript对象定义、拷贝、赋值等相关操作技巧与注意事项,需要的朋友可以参考下
    2018-12-12
  • 纯js实现轮播图效果

    纯js实现轮播图效果

    这篇文章主要为大家详细介绍了纯js实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • js删除数组元素、清空数组的简单方法(必看)

    js删除数组元素、清空数组的简单方法(必看)

    下面小编就为大家带来一篇js删除数组元素、清空数组的简单方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 如何防止JavaScript自动插入分号

    如何防止JavaScript自动插入分号

    JavaScript语言有一个机制:在解析时,能够在一句话后面自动插入一个分号,用来修改语句末尾遗漏的分号分隔符。然而,由于这个自动插入的分号与JavaScript语言的另一个机制发生了冲突,即所有空格符都被忽略,因此程序可以利用空格格式化代码
    2015-11-11
  • JavaScript this绑定与this指向问题的解析

    JavaScript this绑定与this指向问题的解析

    本文主要介绍了JavaScript this绑定与this指向问题的解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • javascript 通过键名获取键盘的keyCode方法

    javascript 通过键名获取键盘的keyCode方法

    下面小编就为大家分享一篇javascript 通过键名获取键盘的keyCode方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12

最新评论