您好,登錄后才能下訂單哦!
當(dāng)我們在寫jsp頁面時(shí),往往會(huì)遇到這種情況:從后臺(tái)獲取的數(shù)據(jù)個(gè)數(shù)不確定,此時(shí)在前端寫jsp頁面時(shí)也就不確定怎么設(shè)計(jì)了。這個(gè)時(shí)候就需要通過js動(dòng)態(tài)創(chuàng)建標(biāo)簽:
1.創(chuàng)建某個(gè)標(biāo)簽:如下在body中創(chuàng)建一個(gè)div的事例;
<script> function fun(){ var frameDiv = document.createElement("div");//創(chuàng)建一個(gè)標(biāo)簽 var bodyFa = document.getElementById("bodyid");//通過id號獲取frameDiv 的父類(也就是上一級的節(jié)點(diǎn)) bodyFa .appendChild(frameDiv);//把創(chuàng)建的節(jié)點(diǎn)frameDiv 添加到父類body 中; } <script> <body id="bodyid" > <!--在此添加div標(biāo)簽--> </body>
2.添加屬性:給創(chuàng)建的標(biāo)簽添加相應(yīng)的屬性:
frameDiv .setAttribute("id", "divid");//給創(chuàng)建的div設(shè)置id值; frameDiv .className="divclass"; //給創(chuàng)建的div設(shè)置class; //給某個(gè)標(biāo)簽添加顯示的值; var h = document.createElement("h2"); h.innerHTML = data[i].name; var p = document.createElement("p"); p.innerHTML = "要顯示的值";
3.創(chuàng)建的標(biāo)簽添加事件:
a.不帶參數(shù):
frameDiv.onmousedown = fun;//ps:函數(shù)名fun后面一定不能帶括號,否則會(huì)在創(chuàng)建標(biāo)簽的時(shí)候執(zhí)行函數(shù), 而不是鼠標(biāo)按下時(shí)執(zhí)行;
b.有參數(shù):
frameDiv.onmousedown = function(){ fun(this); }
c.要調(diào)用的函數(shù);
function fun(){ alert("鼠標(biāo)按下"); }
4.如果擔(dān)心創(chuàng)建的標(biāo)簽沒有被覆蓋則可以替換:
var divFlag = document.getElementById("divFlag"); var divMain = document.createElement("div"); if(divFlag != null){ body.replaceChild(divMain, divFlag);//把原來的替換掉 } divMain.setAttribute("id", "divFlag");
以上這篇通過js動(dòng)態(tài)創(chuàng)建標(biāo)簽,并設(shè)置屬性方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。