<!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>
JavaScript+JS简易留言板
最新推荐文章于 2024-09-02 17:34:07 发布