Can't set width of an element with js

Asked Aug 11 '23 at 22:18

Active Aug 11 '23 at 22:18

Viewed 9 times

I am trying to make a progress bar and I am trying to figure out how to set it's progress in js.

document.getElementsByClassName("bar").style.width = "50px"

This is the container and the element.

    <div class="project-container">
        <button class="project" id="friendship-bracelet">
            <p>Place Holder</p> 
            <div class="bar">e</div>
        </button>

    </div>

asked Aug 11 '23 at 22:18

GameStuff

`getElementsByClassName()` returns a collection, not a single element. You need to loop over it or index it. – Barmar Aug 11 '23 at 22:20
document.getElementsByClassName("bar")[0].style.width = "50px" Please try this – Ashish Aug 11 '23 at 22:27
Oh thats the problem. How can I do this with `getElementsById()`? – GameStuff Aug 11 '23 at 22:32
that worked but I need to do a id not a class – GameStuff Aug 11 '23 at 22:50

Can't set width of an element with js

0 Answers0