web前端|js教程
javascript,设置,标签
web前端-js教程
下面我就为大家分享一篇通过js动态创建标签，并设置属性方法，具有很好的参考价值，希望对大家有所帮助。
微信公众号交友源码,macos vscode开发,ubuntu网卡驱动安装,tomcat端口80,sqlite 字符串函数,网页设计的创作思想,网站10m数据库,更换服务器需要重新备案吗,dede自动更新插件,前端没有框架,爬虫函数,php v,重庆seo排名,springboot根据对应字段查找,网站 动态 标签页,选号网站搭建,网页模板 中奖,商城网站前台模板,中文网站后台,discuz论坛注册页面美化,vb酒店管理系统下载,asp论坛程序下载lzw
当我们在写jsp页面时，往往会遇到这种情况：从后台获取的数据个数不确定，此时在前端写jsp页面时也就不确定怎么设计了。这个时候就需要通过js动态创建标签：
开源订单系统源码,导出vscode设置,ubuntu 13.09,tomcat链接rac,sqlite 单个文件大小,WordPress浏览量免插件,微信小程序前端框架模板,爬虫怎么爬钉钉回放,php网站生成,app推广论坛seo,在线3d相册网站,网页左右箭头轮播代码,phpmysql网站模板lzw
1.创建某个标签：如下在body中创建一个p的事例；
如何下载网站模板源码下载,ubuntu 待机登陆,tomcat5口令漏洞,python实现全网爬虫,php中数据库不能被选择,seo舞蹈老师lzw
function fun(){ var framep = document.createElement("p");//创建一个标签 var bodyFa = document.getElementById("bodyid");//通过id号获取framep 的父类（也就是上一级的节点） bodyFa .appendChild(framep);//把创建的节点framep 添加到父类body 中； }
2.添加属性：给创建的标签添加相应的属性：
framep .setAttribute("id", "pid");//给创建的p设置id值；framep .className="pclass"; //给创建的p设置class；//给某个标签添加显示的值；var h = document.createElement("h1");h.innerHTML = data[i].name;var p = document.createElement("p");p.innerHTML = "要显示的值";
3.创建的标签添加事件：
a.不带参数：
framep.onmousedown = fun;//ps：函数名fun后面一定不能带括号，否则会在创建标签的时候执行函数， 而不是鼠标按下时执行；
b.有参数：
framep.onmousedown = function(){ fun(this); }
c.要调用的函数；
function fun(){ alert("鼠标按下");}
4.如果担心创建的标签没有被覆盖则可以替换：
var pFlag = document.getElementById("pFlag"); var pMain = document.createElement("p"); if(pFlag != null){ body.replaceChild(pMain, pFlag);//把原来的替换掉}pMain.setAttribute("id", "pFlag");
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在jQuery中实现标签子元素的添加和赋值方法
在jQuery中如何改变P标签文本值
在vue cli webpack中如何使用sass（详细教学）
