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

weixin_30591551

于 2016-07-31 17:59:00 发布

阅读量163

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/linst/p/5723547.html

版权

<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>

转载于:https://www.cnblogs.com/linst/p/5723547.html

weixin_30591551

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
创建节点，插入节点设置节点的属性

<script type="text/javascript">/* 创建字节入插入节点、设置节点的属性。 document.createElement("标签名") 创建新元素节点 elt.setAttribute("属性名", "属性值") 设置属性 elt.appendChild(e) ...
复制链接

扫一扫