创建标签的两种方法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>

巴特西

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

最新文章

热门文章