js动态创建元素标签,并添加属性和内容

//把这个元素放到那里?放到id为box的元素下

var box=document.getElementById("box");

//创建节点
var sbox=document.createElement("div");

//设置节点id
sbox.id='lswtColse';

//设置节点属性

sbox.style.width='11px';
sbox.style.height='10px';
sbox.style.top='0px';
sbox.style.right='0px';
sbox.style.position='absolute';
sbox.style.background='url(7.gif)';
sbox.style.backgroundRepeat='no-repeat';
sbox.innerHTML = "奋斗呀";
//为这个节点添加点击时间

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

//插入这个节点

box.appendChild(sbox);

 

posted @ 2019-07-26 15:45  砂糖一椰子  阅读(8999)  评论(0编辑  收藏  举报