使用Javascript向动态创建的div添加内联样式

Question

我正在使用javascript动态创建div.我想将样式分配给none.

style ="display:none;"

根据这个问题,我可以用以下选项来做到这一点

 publishcontent.style.display="none";
 publishcontent.setAttribute("style", "display: none;");

但这不起作用.这是我创建div的方式.我发现的选项无法正常工作.如果我用firebug编辑html并输入style ="display:none;" 有用.

这是一个演示示例的演示.

publishpaging=document.createElement("div");
var name="df"+counterName;
publishpaging.id=name;
counterName=counterName+1;
arrayNames.push(name);
counter++;
publishcontent=document.createElement("div");//"<div class='bonecardSmall'></div>";
publishcontent.className = "bonecardSmallP";
publishcontent.id=index.id;
if(arrayNames.length > 1){
    //publishpaging.style.display="none";
    publishpaging.setAttribute("style", "display: none;");
}
publishpaging.appendChild(publishcontent);

Answer 1

"name"变量存储publishcontent的id,因此在jquery中使用它

 $('#'+name).css('display','none');