jsp创建通过js动态创建标签，并设置属性⽅法
当我们在写jsp页⾯时，往往会遇到这种情况：从后台获取的数据个数不确定，此时在前端写jsp页⾯时也就不确定怎么设计了。这个时候就需要通过js动态创建标签：
1.创建某个标签：如下在body中创建⼀个div的事例；
<script>
function fun(){
var frameDiv = ateElement("div");//创建⼀个标签
var bodyFa = ElementById("bodyid");//通过id号获取frameDiv 的⽗类（也就是上⼀级的节点）
bodyFa .appendChild(frameDiv);//把创建的节点frameDiv 添加到⽗类body 中；
}
<script>
<body id="bodyid" >
<!--在此添加div标签-->
</body>
2.添加属性：给创建的标签添加相应的属性：
frameDiv .setAttribute("id", "divid");//给创建的div设置id值；
frameDiv .className="divclass"; //给创建的div设置class；
//给某个标签添加显⽰的值；
var h = ateElement("h1");
h.innerHTML = data[i].name;
var p = ateElement("p");
p.innerHTML = "要显⽰的值";
3.创建的标签添加事件：
a.不带参数：
b.有参数：
c.要调⽤的函数；
function fun(){
alert("⿏标按下");
}
4.如果担⼼创建的标签没有被覆盖则可以替换：
var divFlag = ElementById("divFlag");
var divMain = ateElement("div");
if(divFlag != null){
}
divMain.setAttribute("id", "divFlag");
以上这篇通过js动态创建标签，并设置属性⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。