使用JS增加标签

最新推荐文章于 2022-10-30 02:26:12 发布

weixin_30451709

最新推荐文章于 2022-10-30 02:26:12 发布

阅读量771

点赞数

原文链接：http://www.cnblogs.com/qiangayz/p/8728764.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="button" οnclick="AddEle1();" value="+++">
    <input type="button" οnclick="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>

转载于:https://www.cnblogs.com/qiangayz/p/8728764.html

weixin_30451709

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
使用JS增加标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <input type="button" onclick=...
复制链接

扫一扫