Question

我了解到你可以使用jQuery更新div中的内容。我希望改进此代码，因为内容在加载后正在更改。我希望它是永久性的，无论它是否加载。

这是我的代码。

function changeContent () {
  var myelement = document.getElementById("topbarlogin");
  myelement.innerHTML= "HELLO";
}

window.onload = changeContent ;

这是我的HTML代码

<div class="signuplink" id="topbarlogin">Login</div>

Answer 1

在window.load标记中没有script的身体标记末尾调用您的函数...

它会比function()

更快地执行window.load

Stack Snippet

＆＃13;

<body>
  <div class="signuplink" id="topbarlogin">Login</div>
  <script>
    function changeContent() {
      var myelement = document.getElementById("topbarlogin");
      myelement.innerHTML = "HELLO";
    }
    changeContent();
  </script>

</body>

＆＃13;

...或者您可以使用DOMContentLoaded EventListener ...它等同于$(document).ready() jQuery

＆＃13;

function changeContent() {
  var myelement = document.getElementById("topbarlogin");
  myelement.innerHTML = "HELLO";
}
document.addEventListener("DOMContentLoaded", function(event) {
  changeContent();
});

＆＃13;

<div class="signuplink" id="topbarlogin">Login</div>

＆＃13;

Answer 2

在DOM Ready上使用.html()设置div的HTML。

＆＃13;

// This is you DOM Ready
$(function(){
  // Set HTML using jQuery
  $("#topbarlogin").html("HELLO");
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="signuplink" id="topbarlogin">Login</div>

＆＃13;

Answer 3

请试试这个

$("#topbarlogin").html("Hello");

改进更新div内容的代码

3 个答案: