[html][javascript]动态增删页面元素

<script type="text/javascript">
    function append(event){
        var myhref = document.createElement("input");
        myhref.value="http://cnblogs.com";
        myhref.className ="myhref";
        document.body.appendChild(myhref);
    }

    document.getElementById("mydel").onclick=function remove(){
        var a = document.getElementsByClassName("myhref");
        if (a.length>0)
            a[0].parentNode.removeChild(a[0]);
    }
</script>