border for div element in javascript

Question

I want to give border radius to a div box in javascript as i have give in css as border:2px solid #000;

How can i give it inside the for loop given below.

elements = document.getElementsByClassName("box");
for (var i = 0; i < elements.length; i++) {
    elements[i].style.backgroundColor="#ff33ff";
}

@phil elements[i].style.borderRadius = "2px solid #000"; didn't produce the output — wtp, Sep 26 '18 at 01:17
That's because `2px solid #000` is a `border` specification, not a `border-radius` one. I recommend reading the documentation ~ https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius — Phil, Sep 26 '18 at 01:18

score 3 · Answer 1 · answered Sep 26 '18 at 01:15

3

Simply you can do it by :

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Like this:

elements[i].style.borderRadius = "25px";

answered Sep 26 '18 at 01:15

SOS9GS

1 Answers1