此问题已经在这里有了答案:
我有一个简单的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>