JavaScript（JS）之Javascript对象DOM之增删改查（四）

创建节点：var ele_a = document.createElement('a');
添加节点：ele_parent.appendChild(ele_img);
删除节点：ele_parent.removeChild(ele_p);
替换节点：ele_parent.replaceChild(新标签,旧标签);

1.创建节点

createElement(标签名) ：创建一个指定名称的元素。

var  tag=document.createElement(“input")
            //tag.setAttribute('type','text');
             tag.type = "text" // 推荐使用这种方式，简单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="div1"></div>

</body>

<script>
    var tag = document.getElementsByClassName("div1")[0];
    console.log(tag);

    var tag_input = document.createElement("input");
    tag_input.type = "text";
    //tag_input.setAttribute('type',"submit");

    tag.appendChild(tag_input);

</script>

</html>

View Code