创建标签的两种方法insertAdjacentHTML 和 createElement 创建标签 setAttribute 赋予标签类型 appendChild 插入标签

1. 建立字符串和insertAdjacentHTML（'beforeEnd', ）

2. 通过createElement 创建标签 setAttribute 赋予标签类型 appendChild 插入标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="button" onclick="add1Element()" value="添加">
    <input type="button" onclick="add2Element()" value="添加">
    <div id="i1">
        <input type="text">
    </div>
    <script>
        function add1Element() {
            tag ='<p><input type="text"></p>';
            document.getElementById('i1').insertAdjacentHTML('beforeEnd', tag)

        }
        function add2Element() {
            var tag =document.createElement('input');//createElement 创造标签
            tag.setAttribute('type','text'); //setAttribute 插入属性
            tag.style.fontsize = '16px';
            p = document.createElement('p');
            p.appendChild(tag); //appendChild 放入后面
            document.getElementById('i1').appendChild(p)


        }
    </script>

</body>
</html>