❶ 通過js動態創建標簽,並設置屬性方法
當我們在寫頁面時，往往會遇到這種情況：從後台獲取的數據個數不確定，此時在前端寫jsp頁面時也就不確定怎麼設計了。這個時候就需要通過js動態創建標簽：
1.創建某個標簽：如下在body中創建一個div的事例；
<script>
function
fun(){
var
frameDiv
=
document.createElement("div");//創建一個標簽
var
bodyFa
=
document.getElementById("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
=
document.createElement("h1");
h.innerHTML
=
data[i].name;
var
p
=
document.createElement("p");
p.innerHTML
=
"要顯示的值";
3.創建的標簽添加事件：
a.不帶參數：
frameDiv.onmousedown
=
fun;//ps：函數名fun後面一定不能帶括弧，否則會在創建標簽的時候執行函數，
而不是滑鼠按下時執行；
b.有參數：
frameDiv.onmousedown
=
function(){
fun(this);
}
c.要調用的函數；
function
fun(){
alert("滑鼠按下");
}
4.如果擔心創建的標簽沒有被覆蓋則可以替換：
var
divFlag
=
document.getElementById("divFlag");
var
divMain
=
document.createElement("div");
if(divFlag
!=
null){
body.replaceChild(divMain,
divFlag);//把原來的替換掉
}
divMain.setAttribute("id",
"divFlag");
以上這篇通過js動態創建標簽,並設置屬性方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:JS實現給對象動態添加屬性的方法JS中動態創建元素的三種方法總結(推薦)js動態創建標簽示例代碼使用變數動態設置js的屬性名
❷ 怎麼用javascript動態向標簽中添加屬性
用setAttribute方法就可以了，如：document.getElementById('d','123456');如果是動態添加標版簽的話：
varparent=document.getElementById(obj);
權//添加div
vardiv=document.createElement("div");
//設置div屬性，如id
div.setAttribute("id","newDiv");
div.innerHTML="js動態添加div";
parent.appendChild(div);
❸ javascript如果給html頁面標簽加屬性
如果你只對一個A標簽這么做，那麼先給a標簽一個id，然後：
document.getElementById(「a標簽的id」).target="_blank";
❹ javascript中如何設置一個標簽對象的style.float css屬性呢
因為float是Javascript的保留字，不能直接使用obj.style.float來使用，這樣操作是無效的回。
其正確的使用方法是為答：IE:obj.style.styleFloat，其他瀏覽器Mozilla(gecko)，ff等用styleFloat:obj.style.cssFloat。
例子：
<div onclick="alert(this.style.float); this.style.float='left'; alert(this.style.float);">測試1</div>
<div onclick="alert(this.style.float); if(this.style.cssFloat){this.style.cssFloat='left'; }else{this.style.styleFloat='left'; }alert(this.style.float);">測試2</div>
❺ js中如何動態給s標簽<s:text name=''/>中設置name屬性
給它添個id就好辦了<s:text id="myid" name="" />
<script>
document.getElementById("myid").name = "myname";
</script>
❻ js修改標簽屬性
jquery寫法演示如下：
$("li").each(function(){
$(this).click(function(){
//先全部設置成版1.png
$("liimg").attr("src","../images/999new/images/ico/select1.png");
//再設置當前圖片權
$(this).attr("src","../images/999new/images/ico/select2.png");
});
});