我有一个简单的 html,我需要将某些区域更新为 div 中的文本。 javascript 文件正在运行,alret 函数正在运行,但内部 html 不起作用。请注意,我不确定是否需要包含 onload 函数,但根据我的研究,我尝试不包含它,我认为这是必须的。任何修复它的建议以及最佳实践和改进代码的建议都值得赞赏
HTML 文件
<script type="text/javascript" src="compjavascript.js"></script>
<div class="wrapper">
<div id="sec" onload="fechData();">
<div class="center">
<div class="column middle"> <p id="text"></p>
<a href="url" id="link"></a>
</div>
<div class="column side">
<img class="image" id="image" src="download.jpg" >
</div>
</div>
</div>
</div>
JavaScript 文件:
alert("javascript");
function fechData() {
document.getElementById("text").innerHTML = "My First JavaScript";
document.getElementById("link").innerHTML = " ";
document.getElementById("image").innerHTML = " ";
}
最佳答案
onload
事件只能在body
上使用
function fechData() {
document.getElementById("text").innerHTML = "My First JavaScript";
document.getElementById("link").innerHTML = " ";
document.getElementById("image").innerHTML = " ";
}
<body onload="fechData();">
<div class="wrapper">
<div id="sec">
<div class="center">
<div class="column middle">
<p id="text"></p>
<a href="url" id="link"></a>
</div>
<div class="column side">
<img class="image" id="image" src="download.jpg">
</div>
</div>
</div>
</div>
</body>
关于javascript 已连接,但不知何故,innerhtml 未更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58616397/