javascript - 为什么这段代码不起作用? Javascript 和 HTML。请看详情

标签 javascript html

这是我的 HTML 文件。

   <body>
            <header>
                <h3 id = "TestID"> Test </h3>
            </header>
        </body>

        <script src = "MessagingPage.js"></script>

这是我的JS文件

document.getElementById("TestID").addEventListener("load", function(){
this.innerHTML("Hi");
})

document.write("Hello World");

现在,当我加载 HTML 时,我会在浏览器中看到“测试”。但是,需要的是“嗨”。我不明白为什么会这样。你能帮我理解吗?我才刚刚开始,所以请用简单的术语解释一下。

感谢您花时间阅读本文:)

最佳答案

你有两个问题。


只有加载外部内容的元素才有 load 事件(例如 iframeimg)。

h3 没有加载任何外部内容,因此没有 load 事件。

也许您应该将事件处理程序绑定(bind)到 window


innerHTML 是一个字符串,不是一个函数。


addEventListener("load", function() {
  document.getElementById("TestID").innerHTML = "Hi";
})

document.write("Hello World");
  <header>
    <h3 id="TestID"> Test </h3>
  </header>

<script src="MessagingPage.js"></script>

关于javascript - 为什么这段代码不起作用? Javascript 和 HTML。请看详情,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61581944/

相关文章:

javascript - JavaScript 字符串如何是一组 "elements"16 位无符号整数值?

javascript - 在 CSS 过渡期间显示元素的大小值

javascript - 如何使用pdfjs旋转整个pdf中的单页?

javascript - 如何在 jQuery Submit() 执行之前运行代码?

javascript - 错误 - 在主页上添加文本计数器后(使用 Jquery 计算剩余字符) - 需要刷新页面

javascript - 如何像流畅的播放列表一样链接播放多个 HTML5 音频文件?

javascript - jQuery - 选择器不工作 - 动态表单

javascript - 使用 CSS/JS 定位特定元素之后的元素

javascript - css网格上的固定大小按钮

javascript - 单击其他关闭按钮时显示下拉菜单,仅在单个元素上显示 Vanilla Javascript