zoukankan      html  css  js  c++  java
  • 弹出当前索引号案例

     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>弹出当前索引号</title>
    <script>
        window.onload=function()
        {
            var btns = document.getElementsByTagName("button");
            for (var i = 0; i < btns.length; i++)
            {
               btns[i].xuhao = i;  //自定义一个xuhao属性,鼠标点击这个按钮的时候,会弹出这个按钮的序号属性,即弹出当前的索引号
                btns[i].onclick = function ()
                {
                   alert(this.xuhao);
                }
            }
        }
    </script>
    </head>
       <body>
        <button></button>
        <button></button>
        <button></button>
        <button></button>
        <button></button>
        <button></button>
        <button></button>
        <button></button>
      </body>
    </html>

    js部分下面的做法为什么不可以,结果只有弹出8
    <script>
    window.onload=function()
    {
    var btns=document.getElementsByTagName("button");
    for(var i=0;i<btns.lenght;i++)
    {
    var xuhao=i;
    btns[i].onclick=function()
    {
    alert(xuhao);
    }
    }
      }
    </script>
  • 相关阅读:
    Docker--使用
    腾讯云发送短信
    Mysql--查询基础
    flask10--数据库链接池(通用),wtforms
    Flask11--Flask-script,sqlalchemy
    序列化 json
    第五章-算术运算符
    计算机网络自顶向下的方法-第二章 应用层
    第三章-数据类型
    第三章-常量和宏定义
  • 原文地址:https://www.cnblogs.com/shanlu0000/p/11195093.html
Copyright © 2011-2022 走看看