search

Home  >  Q&A  >  body text

javascript - 为什么我在获取button按钮时,这样访问是undefined的?

HTML部分:
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简单计算器</title>
    <link rel="stylesheet" type="text/css" href="cal.css">
    <script type="text/javascript" src="cal.js"></script>
</head>
<body>
    <p class="container">
        <input type="text" id="txt" class="txt"/>
        <p>
            <ul>
                <li><button>1</button></li>
                <li><button>2</button></li>
                <li><button>3</button></li>
                <li><button>4</button></li>
            </ul>
            <ul>
                <li><button>4</button></li>
                <li><button>5</button></li>
                <li><button>6</button></li>
                <li><button>-</button></li>
            </ul>
            <ul>
                <li><button>7</button></li>
                <li><button>8</button></li>
                <li><button>9</button></li>
                <li><button>*</button></li>
            </ul>
            <ul>
                <li><button>0</button></li>
                <li><button>清除</button></li>
                <li><button>=</button></li>
                <li><button>/</button></li>
            </ul>
        </p>
    </p>
</body>
</html>
PHP中文网PHP中文网2901 days ago301

reply all(3)I'll reply

  • PHP中文网

    PHP中文网2017-04-10 15:03:54

    1. 按钮是在点击的时候才去调用那个函数,那时候for循环已经跑完了。所以i = 16了。
    2. Btn[i].innerHTML = Btn[16].innerHTML

    正确代码:

    for (var i = 0; i < Btn.length; i++) {
                Btn[i].onclick = function(){
                    alert(this.innerHTML);
                };
            };
    

    reply
    0
  • 怪我咯

    怪我咯2017-04-10 15:03:54

    因为这个按钮在click的时候去调这个函数,发现btn[16]是undefined。。为啥是16呢?这个时候循环已经跑完了呀~

    reply
    0
  • 大家讲道理

    大家讲道理2017-04-10 15:03:54

    for(var i=0; i<btn.length;i++){
      (function(k){
        btn[k].onclick=function(){
          alert(btn[k].innerHTML)
        }
      })(i)
    }
    闭包
    

    reply
    0
  • Cancelreply