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

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

function test(){//創建節點var lswt_2=document.createElement("div");//設置節點idlswt_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元素,以及屬性的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。