這篇文章主要介紹了如何使用JS動態(tài)顯示文本，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供蘄春網(wǎng)站建設、蘄春做網(wǎng)站、蘄春網(wǎng)站設計、蘄春網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、蘄春企業(yè)網(wǎng)站模板建站服務，十載蘄春做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

index.html：

  
    
    
    
    
    
  
  
    
    

      time is long, life is short
    

    

      
        aside
      
      
        
        
        添加
        顯示

      
    

    

  

main.js:

// 定義函數(shù)
function show() {
  // 獲得id為info的input標簽的內(nèi)容
  var a = document.getElementById('info').value;
  // 顯示，在id為result處動態(tài)顯示（清除舊的顯示新的）
  document.getElementById('result').innerText = a;

}

show函數(shù)封裝在專門存放JS腳本代碼的文件夾main.js，function是屬于JavaScript的腳本語言函數(shù)。。。function是JavaScript語言中的關鍵詞，也就是聲明一個函數(shù)時使用的。 

demo：

但是這個顯示沒有對齊輸入框，可在CSS樣式文件master.css中添加如此： 

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何使用JS動態(tài)顯示文本”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!