实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>请留言</h1>
<input type="" name="">
<ul></ul>
<script type="text/javascript">
var input = document.getElementsByTagName('input')[0];
var ul = document.getElementsByTagName('ul')[0];
input.focus();
input.onkeydown = function (event) {
if(event.keyCode===13){
var li = document.createElement('li');
li.innerHTML = input.value + '<a href="javascript:;" onclick="del(this)">删除</a>';
if(ul.ChildElementCount ===0){
ul.appendChild(li);
}else{
// 获取当前第一个子元素
var first = ul.firstElementChild;
//已有留言，则插入到新一条之前
ul.insertBefore(li,first);
}
input.value = '';//清空内容
}
}
function del(ele){
if(confirm('是否删除')){
ul.removeCild
}
else{
return false;
}
}
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例