日报66

案例17：留言添加操作
<body>
<textarea name="" id=""></textarea>
<button>发布</button>
<ul>

</ul>
<script>
// 1. 获取元素
var btn = document.querySelector('button');
var text = document.querySelector('textarea');
var ul = document.querySelector('ul');
// 2. 注册事件
btn.onclick = function() {
if (text.value == '') {
alert('您没有输入内容');
return false;
} else {
// console.log(text.value);
// (1) 创建元素
var li = document.createElement('li');
// 先有li 才能赋值
//留言显示相应内容
li.innerHTML = text.value;
// (2) 添加元素
// ul.appendChild(li);
//最新的留言置顶
ul.insertBefore(li, ul.children[0]);

}
}
</script>
</body>

posted @ 2023-05-10 17:43  权衡  阅读(9)  评论(0)    收藏  举报