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

时间:2014-08-05 04:54:41

标签: javascript jquery html css

我正在使用javascript动态创建div。我想将样式指定为无。

style =“display:none;”

根据这个question,我可以使用以下选项

来完成此操作
 publishcontent.style.display="none";
 publishcontent.setAttribute("style", "display: none;");

但这不起作用。这是我创建div的方式。我发现的选项无法正常工作。如果我用firebug编辑html并输入 style =“display:none;”就可以了。

这是显示示例的demo

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

4 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:0)

使用jQuery,只需使用:

$('div').css('display','none');

答案 2 :(得分:0)

使用jquery试试这个,

$('yourdivtagid').css('display','none')

答案 3 :(得分:0)

你可以简单地使用jquery hide函数隐藏。

$("#"+ name).hide();