JavaScript中的getElementsByTagName [英] getElementsByTagName in JavaScript

问题描述

我是纯JavaScript的语法新手;你知道为什么getElementsByTagName在我的简单测试中不起作用：

I'm new to the syntax of pure JavaScript; Do you know why "getElementsByTagName" is not working in my simple test:

 var btn = document.getElementsByTagName('button');
console.log(btn);


btn.onclick=function(){
    alert('entered');
document.getElementById("demo").innerHTML="test";
}

小提琴

推荐答案

应该是

var btn = document.getElementsByTagName('button')[0];

而不是

var btn = document.getElementsByTagName('button');

getElementsByTagName 返回匹配元素的数组。因此，使用 0 索引来访问该按钮。

getElementsByTagName returns array of matched elements. So use 0 index to access the button.

有关 getElementsByTagName（）

OR

您可以在按钮上提供特定ID，并且可以使用 getElementById（）

You can provide the specific id on button and can use getElementById()

JS

var btn = document.getElementById('myButton');

HTML

   <button id="myButton">....</button>

这篇关于JavaScript中的getElementsByTagName的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！