How do I apply the "outline" CSS property with JavaScript?

Question

Typically, for styles that have to be applied dynamically to HTML objects with JS, we set it as an attribute using "setAttribute()"

What about this "outline" CSS property? How can I set that onto an object with JS? Unless there is a way to dynamically add CSS to the document?

Answer 1

You can change most CSS values using the following code:

document.getElementById('idofelement').style.outline='value';

or

object.style.cssproperty='value';

Here is what W3 has to say about it.