首页 > 解决方案 > HTML 和 Javascript 在我的代码示例中不能很好地协同工作

问题描述

我不知道为什么代码没有错误,但没有在心情函数的 JavaScript 中显示消息!它只显示div。

function mood() {
  var box = document.getElementById('t');
  document.getElementById('t').innerHTML = "Hey <strong>Thanks!</strong>";

}
<div onload="mood()" style="display: block" id="t">HEYYYYY</div>

标签: javascripthtml

解决方案


在 body 中添加 onload 而不是 div

<!DOCTYPE html>
    <html>
        <head>
            <title>MA page web</title>
            <script> 
            function mood(){
                var box = document.getElementById('t');
                document.getElementById('t').innerHTML = "Hey <strong>Thanks!</strong>";
            }
            </script>
        </head>
        <body onload="mood()">
            <div  style="display: block" id="t">HEYYYYY</div>

        </body>
    </html>

推荐阅读