javascript已连接,但innerhtml不会以某种方式更新[duplicate]

问题描述 投票:0回答:1

此问题已经在这里有了答案:

我有一个简单的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 = " ";
}
javascript html dom innerhtml
1个回答
2
投票

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>
© www.soinside.com 2019 - 2024. All rights reserved.