JavaScript動態(tài)修改網(wǎng)頁元素內(nèi)容的方法
本文實(shí)例講述了JavaScript動態(tài)修改網(wǎng)頁元素內(nèi)容的方法。分享給大家供大家參考。具體分析如下:
下面的JS代碼當(dāng)用戶點(diǎn)擊提交按鈕后,通過元素的textContent或者innerHTML動態(tài)指定元素的內(nèi)容
<script type="text/javascript"> function showCard() { var message = document.getElementById("CCN").value; var element = document.getElementById("mycreditcardnumber"); element.textContent = message; //for Firefox element.innerHTML = message; //for IE (why can't we all just get along?) return true; } </script> <form name="dynamic" method="get"> <span>Enter Your Credit Card Number:</span> <input type="text" id="CCN" name="CCN" value="CCN" /> <input type="button" value="submit" onclick="showCard()" /> </form> <p>Verify your Credit Card Number: <span id="mycreditcardnumber">0000-00-0000-00 </span> </p>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)將手機(jī)號中間的幾位數(shù)字變成****功能
這篇文章主要介紹了用js如何實(shí)現(xiàn)將手機(jī)號中間的幾位數(shù)字變成****?_,今天,我們要實(shí)現(xiàn)一個很常見并且簡單的功能如何將手機(jī)號中間的幾位數(shù)變成****,需要的朋友可以參考下2023-09-09JavaScript高級程序設(shè)計 閱讀筆記(四) ECMAScript中的類型轉(zhuǎn)換
ECMAScript中的類型轉(zhuǎn)換,學(xué)習(xí)js的朋友可以看看2012-02-02BootStrap Table 后臺數(shù)據(jù)綁定、特殊列處理、排序功能
本節(jié)主要介紹Bootstrap的后臺數(shù)據(jù)綁定、特殊列處理及列的排序功能,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧2017-05-05JavaScript 替換Html標(biāo)簽實(shí)現(xiàn)代碼
這種技術(shù)被廣泛應(yīng)用于表單驗(yàn)證,語法高亮和危險字符過濾中。一段話如果很長,如果不想像下面那樣替換,我們得想些辦法了。2009-10-10上傳文件返回的json數(shù)據(jù)會被提示下載問題解決方案
這篇文章主要介紹了項(xiàng)目中python+js實(shí)現(xiàn)的上傳文件返回的json數(shù)據(jù)會被提示下載問題解決方案,需要的朋友可以參考下2014-12-12JS組件系列之使用HTML標(biāo)簽的data屬性初始化JS組件
這篇文章主要介紹了JS組件系列之使用HTML標(biāo)簽的data屬性初始化JS組件,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09