使用js添加标签

使用js添加标签,第1张

<a onclick='addimg()'>添加图片</a>

<div class='addimg'></div>

<script>

var i=0,div=document.getElementsByTagName("div")[0]

function addimg(){

    var input=document.createElement("input")//创建input

    input.setAttribute("type","file")//设置type属性

    input.setAttribute("name","a"+(++i))//设置name属性

    div.appendChild(input)//插入到div内

}

</script>

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签,输入js代码:$('body').append('<a href="">添加的a标签</a>')。

3、浏览器运行index.html页面,此时会发现js成功添加了a标签再html上。

给你个思路,监听“加号”的点击事件,当用户点击了“加号”以后显示一个div(此div开始时是隐藏状态) 然后根据用户的选择在“我的应用”div里以子节点的方式添加一个相应标签。大概就是这个思路,实现起来应该不复杂。希望对你有帮助


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11646617.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存