伊人怎会持宠而骄
希望有人懂你的低头不语、小心翼翼守护你的孩子气
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="text" id="t"/>
        <input type="button" id="btn" value="留言" />
        <ul id="u">
            
        </ul>
    </body>
</html>
<script src="../public.js"></script> //根据实际路径引入(自己封装的函数)
<script>
    $id("btn").onclick = function(){
        //获取留言内容
        var content = $id("t").value;
        
        //创建 li
        var oli = create("li");
        
        oli.innerHTML = content;
        
        $id("u").insertBefore( oli , $id("u").children[0] );
    
        //判断ul的第六个孩子li是否存在 如果存在就删除
        if( $id("u").children[5] ){
            $id("u").children[5].remove();
        }
        
        $id("t").value = "";
    }
</script>
posted on 2019-01-25 13:38  伊人怎会持宠而骄  阅读(124)  评论(0编辑  收藏  举报