js 做的今日头条

<body>
<ul>

</ul>
<div>
    <button>语文</button>
    <button>数学</button>
    <button>英语</button>
    <button>政治</button>
    <button>历史</button>
    <button>地理</button>
    <button>体育</button>
</div>
<script>
    var ul=document.getElementsByTagName("ul")[0];
    var btns=document.getElementsByTagName("button");
    for(var i=0;i<btns.length;i++){
        btns[i].onclick=function(){
            var nli=document.createElement("li");
            nli.innerHTML=this.innerHTML+"<span>✖</span>";
            ul.append(nli);
            var span=nli.getElementsByTagName("span")[0];
            span.onclick=function(){
                ul.removeChild(this.parentNode);
            }
        }
    }
</script>
</body>

posted on 2017-09-21 08:57  &&gy  阅读(371)  评论(0编辑  收藏  举报