1.创建某个标签：如下在body中创建一个p的事例；
<script> function fun(){ var framep = document.createelement(p);//创建一个标签 var bodyfa = document.getelementbyid(bodyid);//通过id号获取framep 的父类（也就是上一级的节点） bodyfa .appendchild(framep);//把创建的节点framep 添加到父类body 中； } <script> <body id="bodyid" > <!--在此添加p标签--> </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);
相关推荐：
js动态创建标签代码示例
php 创建标签云函数代码_php教程
js动态创建标签示例代码_javascript技巧
以上就是js动态创建标签并设置属性的方法的详细内容。