zoukankan      html  css  js  c++  java
  • 使用JS增加标签

    <!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="+++2">
        <div id="i1">
        <input type="text"/>
            <hr/>
        </div>
        <script>
            function AddEle1() {
    //            创建一个标签,将标签添加到指定标签里面
                var tag="<p><input type='text'/></p> ";
                document.getElementById('i1').insertAdjacentHTML("beforeEnd",tag);
    //            四个参数beforeBegin、 afterBegin、beforeEnd、afterEnd
            }
            function AddEle2() {
    //            创建一个标签,将标签添加到指定标签里面
                var tag=document.createElement('input');
                tag.setAttribute('type','text');
                tag.style.fontSize='19px';
                tag.style.color='red';
    
                var p =document.createElement('p');
                p.appendChild(tag)
                document.getElementById('i1').appendChild(p)
            }
        </script>
    </body>
    </html>
    

      

  • 相关阅读:
    数据库存储语句
    数据库练习总结
    数据库练习
    数据库增添
    数据库创建
    cookie 和 session的区别 & 三种传值方式
    内置对象——cookie
    webform跨页面传值
    复合控件
    repeater(控件)数据展示
  • 原文地址:https://www.cnblogs.com/qiangayz/p/8728764.html
Copyright © 2011-2022 走看看