创建节点，插入节点设置节点的属性

 

<script type="text/javascript">
/*
 创建字节入插入节点、设置节点的属性。
 
     
    document.createElement("标签名")        创建新元素节点
    elt.setAttribute("属性名", "属性值")    设置属性
    elt.appendChild(e)                        添加元素到elt中最后的位置
    
    
    
    
*/

    var num  = 1;
    function add(){
        var inputNode = document.createElement("input"); //创建一个指定标签名字的节点。
        
        //setAttribute:设置节点的属性
        inputNode.setAttribute("type","button");
        inputNode.setAttribute("value","按钮"+num);
        num++;
        
        var bodyNode = document.getElementsByTagName("body")[0];
        bodyNode.appendChild(inputNode); //appendChild 添加子节点。
                
    }

</script>

 

<body>
    <input type="button" onclick="add()" value="添加"/>
</body>

 

posted @ 2016-07-31 17:59  微风星宇  阅读(552)  评论(0)    收藏  举报