JavaScript動態(tài)修改網(wǎng)頁元素內(nèi)容的方法
更新時間：2015年03月21日 11:20:49 作者：work24
這篇文章主要介紹了JavaScript動態(tài)修改網(wǎng)頁元素內(nèi)容的方法,實例分析了javascript操作html元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JavaScript動態(tài)修改網(wǎng)頁元素內(nèi)容的方法。分享給大家供大家參考。具體分析如下：
下面的JS代碼當(dāng)用戶點擊提交按鈕后，通過元素的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)文章
現(xiàn)在的網(wǎng)頁中經(jīng)常會有一些圖像連接，當(dāng)鼠標(biāo)指向它的時候，圖像換成另外一幅圖像，它們都是先預(yù)讀圖像的，下面也有個不錯的實例，感興趣的朋友可以參考下2013-11-11
這篇文章主要為大家分享了JS html時鐘的制作代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了微信小程序設(shè)置滾動條過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
JS實現(xiàn)把一個頁面層數(shù)據(jù)傳遞到另一個頁面的兩種方式
這篇文章主要介紹了JS實現(xiàn)把一個頁面層數(shù)據(jù)傳遞到另一個頁面的方式,本文給大家提供了兩種方式，需要的朋友可以參考下2018-08-08
這篇文章主要為大家分享了JavaScript與Java中MD5使用兩個例子，2015-12-12
這篇文章主要介紹了react基本安裝與測試,結(jié)合實例形式分析了react基本安裝命令、引用與測試相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2020-04-04
這篇文章主要為大家詳細介紹了three.js利用射線Raycaster進行碰撞檢測，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
本篇主要是對JS操作iframe里的dom進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
設(shè)置jsf的選擇框h:selectOneMenu為不可編輯狀態(tài)的方法
本文為大家詳細介紹下如何設(shè)置jsf的選擇框h:selectOneMenu為不可編輯狀態(tài)，具體實現(xiàn)代碼如下，希望對大家有所幫助2014-01-01
JavaScript 監(jiān)控微信瀏覽器且自帶返回按鈕時間
這篇文章主要介紹了JavaScript 監(jiān)控微信瀏覽器且自帶返回按鈕時間的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11