Dom manipulation gridTemplateColumns

August 19, 2022

I am trying to make a grid using DOM manipulation but the grid-template-column method is not working. Any idea how to get this working?

        let container = document.querySelector("#container");
    
Function()
      return (container.style =
            "gridTemplateColumns: auto auto auto auto; Display: grid");

The function is returning display grid correctly.

>Solution :

You can try this for style via DOM manipulation

<script>
    let container = document.querySelector("#container");
    container.style.display = "grid"
    container.style.gridTemplateColumns = "auto auto auto auto"
</script>