码迷,mamicode.com
首页 > 其他好文 > 详细

回复评论写法

时间:2016-06-22 21:47:06      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

html部分:

<body>
<h1>添加评论</h1>
<ul id="comments">
<li>你好</li>
<li>hello</li>
</ul>
<textarea id="textarea" rows="8" cols="40"></textarea>
<br>
<button id="submit">提交评论</button>
<script src="./js/添加评论.js"></script>
</body>

JS部分:
var button = document.getElementById(‘submit‘);
var textarea = document.getElementById(‘textarea‘);
var ul = document.getElementById(‘comments‘);

button.onclick = function() {
var commentText = textarea.value;
appendComment(commentText);
clearTextarea();
};

function appendComment(text) {
var newComment = document.createElement(‘li‘);
newComment.innerHTML = text;
ul.appendChild(newComment);
}

function clearTextarea() {
textarea.value = ‘‘;
}

回复评论写法

标签:

原文地址:http://www.cnblogs.com/thelucky/p/5608446.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!