练习:js无刷新评论

最新推荐文章于 2022-07-19 21:34:33 发布

wangyz_yx

最新推荐文章于 2022-07-19 21:34:33 发布

阅读量491

点赞数

分类专栏： js 文章标签： js 无刷新评论 table

本文链接：https://blog.csdn.net/wangyz_yx/article/details/9851795

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>无刷新评论</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
function comment(){
var table=document.getElementById("re");
var nickName=document.getElementById("nickName");
var pinglun=document.getElementById("pinglun");
//创建tr
var tr=document.createElement("tr");
//创建td
var td0=document.createElement("td");
//加载nickName
td0.innerText=nickName.value;
//将td附加到tr上。
tr.appendChild(td0);
//创建td
var td1=document.createElement("td");
//pinglun
td1.innerText=pinglun.value;
//将td附加到tr上。
tr.appendChild(td1);
//将tr附加到table上。
table.appendChild(tr);
}
</script>
</head>

<body>
<p>
最新新闻
</p>

<div>

评论:

<br>

<table id="re">
<tr>
<td>昵称</td>
<td>评论</td>
</tr>
<table>
<hr />
昵称:<input type="text" value="" id="nickName"/>
<br />
<br />
<textarea cols="50" rows="10" value="" id="pinglun">请输入评论:</textarea>
<br>
<input type="button" value="评论" οnclick="comment()">
</div>
</body>
</html>

wangyz_yx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
练习:js无刷新评论

无刷新评论 function comment(){var table=document.getElementById("re");var nickName=document.getElementById("nickName");var pinglun=document.getElementById("pinglun");//创建trv
复制链接

扫一扫

专栏目录