欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js使用文檔就緒函數(shù)動態(tài)改變頁面內(nèi)容示例【innerHTML、innerText】

 更新時間：2019年11月07日 11:08:46   作者：xuehyunyu  
這篇文章主要介紹了js使用文檔就緒函數(shù)動態(tài)改變頁面內(nèi)容,結(jié)合實例形式分析了JavaScript使用innerHTML、innerText函數(shù)動態(tài)操作頁面元素相關(guān)使用技巧,需要的朋友可以參考下

本文實例講述了js使用文檔就緒函數(shù)動態(tài)改變頁面內(nèi)容。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
    /*文檔就緒函數(shù)*/
    /*動態(tài)修改網(wǎng)頁的內(nèi)容*/
    window.onload = function () {
      var d = document.getElementById('d');
      //添加文本信息
      d.innerHTML="hhhh";//添加文本信息或者標簽
     // d.innerText="kkkk";//添加文本信息
      var abc = document.getElementsByName("abc");
      //通過數(shù)組下標得到對應元素
      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>

運行效果：

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設計有所幫助。

相關(guān)文章

  • 微信小程序?qū)崿F(xiàn)手機獲取驗證碼倒計時60s

    微信小程序?qū)崿F(xiàn)手機獲取驗證碼倒計時60s

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)手機獲取驗證碼后倒計時60s，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-05-05
  • JavaScript無操作后屏保功能的實現(xiàn)方法

    JavaScript無操作后屏保功能的實現(xiàn)方法

    今天組里的同事要寫一個屏保的效果，要求鼠標無操作N秒后進入屏幕保護，滑動鼠標的時候取消屏幕保護。我真是難倒了，糾結(jié)了半天，搞定了，下面給大家分享實現(xiàn)代碼
    2017-07-07
  • js中調(diào)用微信的掃描二維碼功能的實現(xiàn)代碼

    js中調(diào)用微信的掃描二維碼功能的實現(xiàn)代碼

    這篇文章主要介紹了在js中調(diào)用微信的掃描二維碼功能的實現(xiàn)代碼，本文給大家分享了注意事項及常見問題分析，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-04-04
  • 詳解JavaScript中Math內(nèi)置對象基本方法的使用

    詳解JavaScript中Math內(nèi)置對象基本方法的使用

    Math?是javaScript的內(nèi)置對象，包含了部分數(shù)學常數(shù)屬性和數(shù)學函數(shù)方法。本文將詳細講解Math基本方法的使用，感興趣的小伙伴可以學習一下
    2022-04-04
  • js格式化時間的方法

    js格式化時間的方法

    這篇文章主要介紹了js格式化時間的方法，對javascript時間格式化的方法進行了總結(jié)，感興趣的小伙伴們可以參考一下
    2015-12-12
  • js數(shù)字輸入框(包括最大值最小值限制和四舍五入)

    js數(shù)字輸入框(包括最大值最小值限制和四舍五入)

    以前需要做一個數(shù)字輸入的InputBox,結(jié)果無奈需求太BT，搞得焦頭爛額，重做了無數(shù)次。無奈之下，再次Google，發(fā)現(xiàn)早有成熟的插件了(悶在家里造輪子果然不好啊)，autoNumeric使用方便，功能強大，現(xiàn)在介紹給大家，一個非常好的jquery plugin。
    2009-11-11
  • innerHTML動態(tài)添加html代碼和腳本兼容多個瀏覽器

    innerHTML動態(tài)添加html代碼和腳本兼容多個瀏覽器

    innerHTML動態(tài)添加html代碼和腳本，給某個元素的innerHTML賦值,并使得值中的js代碼有效且兼容多個瀏覽器，很棒的一個方法
    2014-10-10
  • 新年快樂! javascript實現(xiàn)超級炫酷的3D煙花特效

    新年快樂! javascript實現(xiàn)超級炫酷的3D煙花特效

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)超級炫酷的3D煙花特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-01-01
  • Bootstrap CDN和本地化環(huán)境搭建

    Bootstrap CDN和本地化環(huán)境搭建

    這篇文章主要介紹了Bootstrap CDN和本地化環(huán)境搭建的方法，非常不錯具有參考借鑒價值，感興趣的朋友跟著小編一起學習吧
    2016-10-10
  • Bootstrap table的使用方法

    Bootstrap table的使用方法

    這篇文章主要為大家詳細解析了JS組件Bootstrap Table使用方法，具有一定的實用性和參考價值，感興趣的小伙伴們可以參考一下
    2016-11-11

最新評論