python(html 创建添加标签)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="button" onclick="AddEle1();" value="+"/>
    <input type="button" onclick="AddEle2();" value="+"/>
    <div id="i1">
        <p><input type="text"/></p>
        <!--<hr /> <!–//分割线–>-->
    </div>
    <script>
        function AddEle1() {
            //创建一个标签
            //将标签添加到i1里面
            var tag = "<p><input type='text'/></p>";
            document.getElementById('i1').insertAdjacentHTML('beforeEnd',tag)
        }
        function AddEle2() {
            //创建一个标签
            //将标签添加到i1里面
            var tag = document.createElement('input');
            tag.setAttribute('type','text');
            tag.style.fontSize = '16px';
            tag.style.color =  'red';
            var p = document.createElement('p');//添加p标签
            p.appendChild(tag);
            //添加p标签
            // document.getElementById('i1').appendChild(tag);tag //未添加p标签前
            document.getElementById('i1').appendChild(p)
            //添加p标签后的方式
            }
    </script>
</body>
</html>
相关
