Add inline style using Javascript to divs created dynamically

Question

I'm creating dynamically divs using javascript. I want to assign the style to none.

style="display: none;"

According to this question, I can to do this with the following options

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

But this isn't working. This is the way I created the divs. No way of the options I found is working. If I edit the html with firebug and type style="display: none;" it works.

This is a demo showing the example.

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

I think you want to check arrayNames.length > 0 your jsbin is showing arrayNames.length is 1. So this condition will not be true. — Mritunjay
– Mritunjay, Commented Aug 5, 2014 at 5:03
I have a loop from 0 to 12. Each time I do arrayNames.push(name) the length will be greater that 1 after the first iteration. That's not the issue — Diego
– Diego, Commented Aug 5, 2014 at 5:05

user3459464 · Accepted Answer · 2014-08-05 05:11:53Z

5

"name" variable stores the id of publishcontent so use it in jquery

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

answered Aug 5, 2014 at 5:11

user3459464

2241 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RobG Over a year ago

The OP already has a reference to the element as publishpaging, so the property can be set directly. The jQuery should be $(publishpaging).css('display','none') at least. However, that is very inefficient, there's no reason why publishcontent.style.display = 'none' should not work.

Amin Jafari · Accepted Answer · 2014-08-05 04:57:10Z

0

using jQuery, just use:

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

answered Aug 5, 2014 at 4:57

Amin Jafari

7,2153 gold badges21 silver badges44 bronze badges

2 Comments

Diego Over a year ago

it doesn't work $(publishcontent).css('display','none');

Amin Jafari Over a year ago

@Diego where is the newly added div appended? what is the id or class of the parent element?

user3136030 · Accepted Answer · 2014-08-05 05:05:55Z

0

Using jquery try this,

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

answered Aug 5, 2014 at 5:05

user3136030

3844 gold badges10 silver badges19 bronze badges

1 Comment

user3136030 Over a year ago

No he just mentioned $('div'). I think he should use div tag id.

gaurav · Accepted Answer · 2014-08-05 05:20:20Z

0

you can simply hide using jquery hide function.

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

answered Aug 5, 2014 at 5:20

gaurav

2301 silver badge6 bronze badges

Collectives™ on Stack Overflow

Add inline style using Javascript to divs created dynamically

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related