javascript - 无法使用 Javascript 通过标记访问 html 元素

标签 javascript html

我的html是这样的:

<!DOCTYPE html>
    <html>
        <head>
            <title>
                Event Handling
            </title>
        </head>

        <body>
            <h1> This is the chapter in which I am handling Events.The site you should visit is: </h1>
            <a href="http://w3schools.com"> <b>here<b> </a>

            <script src="events.js"></src>
        </body>
    </html>

JavaScript 是这样的:

var link = document.getElementsByTagName("a")[0];

link.onclick = MyEventHandler;

function MyEventHandler()
{
    alert("ouch!");
    return false;
}

它不起作用,但使用 inling 事件处理程序我成功地做到了。请帮助我。

最佳答案

您需要分配事件处理函数,而不是调用该函数的返回值。

link.onclick = MyEventHandler;

(另请注意,您需要使用结束标记 </script> 而不是 </src> 。)

关于javascript - 无法使用 Javascript 通过标记访问 html 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23348279/

相关文章:

javascript - Vue3 + FabricJS - 在选择多个对象之前,无法调整/编辑使用 react 变量创建的对象

javascript - Nodejs + Express 总是返回index.html

javascript - 辅助功能:仅使用 javascript 链接 href ="#"

javascript - 如何通过在 Javascript 中悬停将背景颜色更改为特定类

javascript - 单击按钮 html、css、javascript 时显示更多信息

html - Materialise <div 类 ="col s12 m6 l3"> 不工作

javascript - 是否可以将 Uint8ClampedArray 直接绘制到 Canvas 上?

javascript - 数组[字符串] OR 字符串到字符串

javascript - 调整输入复选框的填充并与按钮垂直对齐

javascript - 具有如此广泛的值范围的 LSTM 模型(使用 Tensorflow)标准化数据的最佳方法是什么?