zoukankan      html  css  js  c++  java
  • 高端编程之DOM

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </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 myTrs = document.getElementsByTagName('tr');
            var len =myTrs.length;
            for(var i=0;i<len;i++){
                myTrs[i].onmouseover=function () {
    //                谁调用的函数this就会指向谁
                    this.style.backgroundColor='red'
                }
                myTrs[i].onmouseout=function () {
    //                谁调用的函数this就会指向谁
                    this.style.backgroundColor=''
                }
            }
        </script>
    </body>
    </html>
    

      

  • 相关阅读:
    jQuery(2)
    jQuery(1)
    underscore.js
    面向对象复习
    1.14函数复习
    面向对象(3)继承
    10.18
    1017
    js笔记二
    js笔记一
  • 原文地址:https://www.cnblogs.com/qiangayz/p/8728772.html
Copyright © 2011-2022 走看看