JavaScript连载38-编写评论界面
一、编写评论页面
D38_1_Review
发表
window.addEventListener('load',function(ev){
// $符号就是监听某一个label
$('btn').addEventListener('click',function (ev1) {
// 获取输入框的内容
var content = $("my_textarea").value; // 取到它的值
console.log(content);
if(content.length == 0) {
alert("请输入评论的内容"); // 直接抛出的函数
return;
}
// 创建li标签
var li = document.createElement("li"); // 创建一个li标签
li.innerHTML = content + '
$('ul').insertBefore(li,$('ul').children[0]) // 先拿到ul标签，然后把li这个变量插入到ul中第一个li的前面
// 清除输入框中的内容
my_textare.value = '';
// 删除评论
var as = ul.getElementsByTagName('a');
console.log(as);
for(var i=0;i
a.addEventListener("click",function (ev2) {
this.parentNode.remove(); // 这个标签就被删除了
});
}
});
// 监听按钮的点击
function $(id) {
return typeof id=='string' ?document.getElementById(id):null;
}
});