按钮是在点击的时候才去调用那个函数,那时候 for 循环已经跑完了。所以 i = 16 了。 Btn[i].innerHTML = Btn[16].innerHTML 。正确代码： for (var i = 0; i < Btn.length; i++) { Btn[i].onclick = function(){ alert(this.innerHTML); }; };

javascript - 为什么我在获取button按钮时，这样访问是undefined的？-PHP Chinese Network Q&A

Community

Learn

Tools Library

AI Tools

Leisure

English

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

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

302

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中文网

认证0级讲师

reply all(3)

洪涛2017-04-10 15:03:54 3 floor

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

正确代码：

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

Like +0

Add Reply

刘奇2017-04-10 15:03:54 2 floor

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

Like +0

Add Reply

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

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

Like +0

Add Reply