當(dāng)我們?cè)趯慾sp頁面時(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號(hào)獲取frameDiv 的父類（也就是上一級(jí)的節(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("h1");
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后面一定不能帶括號(hào)，否則會(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è)置屬性方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 m.alabama37th.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務(wù)所王興未律師提供法律服務(wù)
