①、首先在html代碼部分創(chuàng)建兩個文本框及一個提交按鈕。

②、在javascript中利用id屬性查找這些標(biāo)簽節(jié)點。

③、給提交按鈕綁定一個點擊事件(click)。

④、利用獲取到節(jié)點" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > 制作網(wǎng)頁評論代碼(javascript)

制作網(wǎng)頁評論代碼(javascript)

時間:2023-08-10 01:27:02 | 來源:網(wǎng)站運營

時間:2023-08-10 01:27:02 來源:網(wǎng)站運營

制作網(wǎng)頁評論代碼(javascript):代碼思路:

①、首先在html代碼部分創(chuàng)建兩個文本框及一個提交按鈕。

②、在javascript中利用id屬性查找這些標(biāo)簽節(jié)點。

③、給提交按鈕綁定一個點擊事件(click)。

④、利用獲取到節(jié)點的value屬性來獲取文本框的內(nèi)容,將內(nèi)容返回到頁面。

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>評論區(qū)留言</title> <style type="text/css"> .div1,div{ width: 1350px; margin:0 auto; } </style></head><body> <div class="div1" id="div1"> <!-- 創(chuàng)建昵稱和留言文本框 --> <span>昵稱</span><input type="text" id="user" name="user"> <br> <span>留言</span><textarea id="lang"></textarea><br> <!-- 創(chuàng)建提交評價按鈕 --> <input type="button" value="提交評價" id="btn"> </div></body><script type="text/javascript"> //通過id屬性查找標(biāo)簽節(jié)點 var user=document.getElementById('user'); var lang=document.getElementById('lang'); //通過id屬性查找提交評價按鈕并綁定點擊事件 document.getElementById('btn').onclick=function(){ //在html代碼中創(chuàng)建一個div盒子 var cont=document.createElement('div'); //將獲取到的數(shù)據(jù),放到一創(chuàng)建好的盒子中 cont.innerHTML='<p>'+user.value+':'+lang.value+'</p><hr>'; //將創(chuàng)建好的div盒子及及內(nèi)容顯示在頁面中 document.getElementById('div1').appendChild(cont); user.value=''; lang.value=''; }</script></html>

代碼效果視屏:



關(guān)鍵詞:評論

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉