DIV CSS 佈局教程網

用js動態添加html元素,以及屬性的簡單實例

function test(){

//創建節點

var lswt_2=document.createElement("div");

//設置節點id

lswt_2.id='lswtColse';

//設置節點屬性

lswt_2.style.width='11px';
lswt_2.style.height='10px';
lswt_2.style.top='0px';
lswt_2.style.right='0px';
lswt_2.style.position='absolute';
lswt_2.style.background='url(7.gif)';
lswt_2.style.backgroundRepeat='no-repeat';

//為這個節點添加點擊時間

lswt_4.addEventListener("click",loc,false);

//把這個節點放到那裡？放到id為lswt的元素下

var element_2=document.getElementById("lswt");

//插入這個節點

element_2.appendChild(lswt_2);

}

以上這篇用js動態添加html元素,以及屬性的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。