這篇文章主要介紹了javascript無刷新評論實現方法,涉及javascript動態添加表格元素的技巧,需要的朋友可以參考下
本文實例講述了javascript無刷新評論實現方法。分享給大家供大家參考。具體實現方法如下：
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>無刷新評論</title>
- <script type="text/javascript">
- function AppendComment() {
- //獲取昵稱文本框的值
- var nicknameValue = document.getElementById("nickName").value;
- //獲取評論文本框的值
- var commentValue = document.getElementById("comment").value;
- var tblComment = document.getElementById("tblComment");
- var tr = tblComment.tBodies[0].insertRow(-1);
- var tdNickName = tr.insertCell(-1);
- tdNickName.innerHTML = nicknameValue;
- var tdComment = tr.insertCell(-1);
- tdComment.innerHTML = commentValue;
- }
- </script>
- </head>
- <body>
- 武林網<br />
- 里面有豐富的腳本教程，歡迎訪問
- <p>評論</p>
- <table id="tblComment" border="1">
- <tbody>
- <tr><td>李莫:</td><td>非常好的網站</td></tr>
- </tbody>
- </table>
- 昵稱:<input type="text" id="nickName" /><br />
- 評論:<textarea id="comment"></textarea><br />
- <input type="button" value="評論" onclick="AppendComment()" />
- </body>
- </html>
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
