js 添加删除元素 留言案例 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<ul id="ul"></ul>
<input type="button" value="留言" id="but" /><input type="text" id="tex">
<script>
        var tex = document.getElementById('tex');
        var but = document.getElementById('but');
        var ul = document.getElementById('ul');

    but.onclick=function(){
        var oli=document.createElement('li');
        var a=document.createElement('a');
        a.innerHTML='删除';
        oli.innerHTML=tex.value;
        oli.appendChild(a);
        ul.insertBefore(oli,ul.children[0]);
        a.onclick=function(){
            ul.removeChild(this.parentNode)
        }
    }
</script>
</body>
</html>

posted on 2021-10-26 22:18  完美前端  阅读(46)  评论(0)    收藏  举报

导航