jsp页
& lt; script>
函数的乐趣(){
var frameDiv=document.createElement (" div ");//创建一个标签
var bodyFa=. getelementbyid (bodyid ");//通过id号获取frameDiv的父类(也就是上一级的节点)
bodyFa .appendChild (frameDiv);//把创建的节点frameDiv添加到父类身体中;
}
& lt; script>
& lt;身体id=癰odyid”比;
& lt; !——在此添加div标签——比;
& lt;/body>
之前
frameDiv .setAttribute (“id”, " divid ");//给创建的div设置id值;
frameDiv .className=" divclass”;//给创建的div设置类;//给某个标签添加显示的值;
var h=document.createElement (h2);
h。innerHTML[我]. name=数据;
var p=document.createElement (“p”);
p。innerHTML="要显示的值”;
之前
frameDiv。onmousedown=乐趣;//ps:函数名乐趣后面一定不能带括号,否则会在创建标签的时候执行函数,而不是鼠标按下时执行;
frameDiv。onmousedown=function(){乐趣(这个);}
函数的乐趣(){
alert("鼠标按下”);
}
var divFlag=. getelementbyid (“divFlag”);
var divMain=document.createElement (" div ");
如果(divFlag !=null) {
的身体。方法(divMain divFlag);//把原来的替换掉
}
divMain。setAttribute (“id”、“divFlag”);
当我们在写面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了。这个时候就需要通过js动态创建标签:
<>强。不带参数:
<强> b。有参数:
<强> c。要调用的函数;
以上这篇通过js动态创建标签,并设置属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
