Question

以下代码显示了三个按钮，我要单击一个按钮以显示其值。我尝试bt [i] .firstChild.nodeValue或bt [i] .innerHTML都不起作用。

<script type="text/javascript">  
window.onload=function(){
    var bt = document.getElementsByTagName('button');
    for (var i=0;i<bt.length;i++){
        bt[i].onclick = function(){
            alert(bt[i].firstChild.nodeValue);      //TypeError: bt[i] is undefined
        };
    }
}
</script>

<button id="first">First</button>
<button id="second">Second</button>
<button id="third">Third</button>

Answer 1

尝试使用EventListener实现此代码，并为每个按钮“ click”事件监听器附加循环：

const buttons = document.getElementsByTagName("button");
for(let i = 0; i<buttons.length; i++) {
	buttons[i].addEventListener("click", getValue);
}

function getValue() {
  console.log(this.innerHTML);
}

<button id="first">First</button>
<button id="second">Second</button>
<button id="third">Third</button>

结束阅读有关JavaScript HTML DOM EventListener

的信息

如何单击按钮之一显示其价值

1 个答案: