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);

原文地址:https://www.cnblogs.com/webmc/p/11250800.html