<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>简易留言板</h1>
<input id="jj" type="text" size="40" value="">
<input id="btn" type="button" value="留言">
<div id="lll"></div>
<script>
document.getElementById('btn').onclick = function () {
var jj = document.getElementById('jj');
var lll = document.getElementById('lll');
var ul = document.createElement('ul');
lll.appendChild(ul);
var li = document.createElement('li');
li.innerHTML = jj.value + "<span>删除</span>";
ul.appendChild(li);
jj.value = '';
li.getElementsByTagName('span')[0].onclick = function () {
ul.removeChild(this.parentNode);
}
}
</script>
</body>
</html>
08-10
07-02
841
841
10-06
1万+
1万+
12-26
6758
6758
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
