Adding style to a div created in javascript

Question

Quick question, I've got a div being created in javascript:

var chartDiv = document.createElement("div");
this.viewElement.appendChild(chartDiv);

But I want to set a border style around this div after its created. Whats the best way to do this in the javascript? Thanks

Traveling Tech Guy · Accepted Answer · 2016-08-23 01:20:20Z

1

Create a style you'd like your DIV to have:

div.bordered {
  border-style: dotted;
}

And then add the class to your DIV:

var chartDiv = document.createElement('div');
chartDiv.className = 'bordered';
this.viewElement.appendChild(chartDiv);

This will allow you to style your DIV better, and add more than just the border.

answered Aug 23, 2016 at 1:20

Traveling Tech Guy

27.9k25 gold badges117 silver badges167 bronze badges

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

1 Comment

Whirlwind991 Over a year ago

Yep thats a good answer, but the nature of it is to only be rendered in javascript, otherwise I would have leaned more on CSS. Jecoms provided me the answer though, but I appreciate the help anyway

Jecoms · Accepted Answer · 2016-08-23 01:18:29Z

0

Use the element style object.

chartDiv.style.border = "thin solid #FFF";

Alternatively, just add a css class to your element that contains the styling you want.

answered Aug 23, 2016 at 1:18

Jecoms

2,8784 gold badges25 silver badges34 bronze badges

Collectives™ on Stack Overflow

Adding style to a div created in javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related