溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

js如何使用文檔就緒函數動態改變頁面內容

發布時間:2021-04-21 14:15:15 來源:億速云 閱讀:261 作者:小新 欄目:web開發

這篇文章主要介紹js如何使用文檔就緒函數動態改變頁面內容,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

JS是什么

JS是JavaScript的簡稱,它是一種直譯式的腳本語言,其解釋器被稱為JavaScript引擎,是瀏覽器的一部分,主要用于web的開發,可以給網站添加各種各樣的動態效果,讓網頁更加美觀。

具體如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
    /*文檔就緒函數*/
    /*動態修改網頁的內容*/
    window.onload = function () {
      var d = document.getElementById('d');
      //添加文本信息
      d.innerHTML="hhhh";//添加文本信息或者標簽
     // d.innerText="kkkk";//添加文本信息
      var abc = document.getElementsByName("abc");
      //通過數組下標得到對應元素
      abc[0].innerText='sssss'
      //通過標簽名字得到
      var span = document.getElementsByTagName('span');
      span[0].innerText='fffff'
      //通過classname找對應元素
      var c=document.getElementsByClassName('c');
      for (var i = 0;i<c.length;i++ ){
        c[i].innerText='買買買'
      }
    }
  </script>
</head>
<body>
<div id="d"></div>
<a href="js1.html" rel="external nofollow" name="abc">啦啦啦啦</a>
<span>
</span>
<p class="c">坎坎坷坷</p>
<p class="c">坎坎坷坷</p>
</body>
</html>

運行效果:

js如何使用文檔就緒函數動態改變頁面內容

以上是“js如何使用文檔就緒函數動態改變頁面內容”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

js
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女