html 怎么监听触发事件的元素

html-css07

html 怎么监听触发事件的元素,第1张

<!DOCTYPE html>

<html>

    <head>

        <meta charset="GB2312">

        <title></title>

        <script type="text/javascript">

            window.onload=function()

            {

                var aDiv = document.getElementsByTagName('div')

                 

                for (var i=0 i<aDiv.length i++)

                {

                    aDiv[i].onmouseover=function()

                    {

                        alert(this.innerHTML)//弹出鼠标滑过区域

                    }

                }

 

            }

        </script>

    </head>

    <body>

    <div>111</div>

    <div>222</div>

    <div>333</div>

    </body>

</html>

方法1：

将内容存储到JS数组中，再利用anchor的click事件来处理，click哪个就将红色区域的内容替换为对应的数组内容；

方法2：

利用隐藏元素实现(display:none),再利用anchor的click事件来处理，click哪个就将对应的元素显示出来，其他的隐藏掉。