Question

我正在尝试将事件侦听器添加到我的js中，但不适用于chrome。 chrome的错误消息是-

main.js：6未捕获的TypeError：numone.addEventListener不是函数在main.js：6（匿名）@ main.js：6

var numone = document.getElementsByClassName("feature-box");
var numtwo = document.getElementsByClassName("feature-box2");
var addsum = document.getElementsByClassName("add-sum");

numone.addEventListener('click', function()
{
    alert("hii yash!");
}
, false);

//here's the HTML code(only the body tag)-

<body>
        <header>
            <nav>
        <ul>
            <li><a href="index.html">home</a></li>
            <li><a href="menu.html">Menu</a></li>
            <li><a href="location.html">location</a></li>
            <li><a href="contacts.html">contact</a></li>
        </ul>
        <h1>Home</h1>
        </nav>
        </header>
        <section>
            <div><input class = "feature-box"></input></div>
            <div><input class = "feature-box2" /></div>
            <div><p class = "add-sum" ></p></div>
            </section>
            <footer>footer</footer>
            <script src="main.js"></script>
    </body>

Answer 1

Document接口的getElementByClassName方法返回具有所有给定类名的所有子元素的类似数组的对象。

因此，您可以为其分配一个ID并按ID进行获取，也可以使用numone[0]

事件监听器即使在Chrome上也不起作用？

1 个答案: