javascript 已连接,但不知何故,innerhtml 未更新

标签 javascript html dom innerhtml

我有一个简单的 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/

相关文章:

javascript - JavaScript 中是否可以像 C# 中那样使用 @"text"将多行字符串分配给变量?

javascript - 使用 Google Polymer 绑定(bind)子属性

html - Facebook 发送按钮内容被切断

javascript - 基于 div ID 的 HTML 表格颜色

javascript - 纯javascript : overlay object

javascript - 返回多个回显作为 Ajax 请求的数据

javascript - Node : fs write() doesn't write inside loop. 为什么不呢?

javascript - 使用querySelectorAll改变多个元素的style属性

javascript - 如何使用 JavaScript 获取 <td> 的内容?

javascript - 事件处理程序返回未定义?