Home/ Questions/Q 8557767
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T15:38:57+00:00

Apologies for this seemingly redundant question, but the others all seem to be asking

  • 0

Apologies for this seemingly redundant question, but the others all seem to be asking about different cases, such as using JQuery. I’m trying to dynamically create a div & apply an existing CSS style to it, but the div isn’t taking on the style. Any tips are much appreciated:

    <style>
        div.tile {
            position: absolute;
            overflow: hidden;
            background:  rgba(1,1,0,1);
            width: 400px;
            height: 400px;
        }
        .a { left: 2cm; top: 2cm; z-index: 1; }
        .b { left: 4cm; top: 4cm; z-index: 2; }
    </style>
</head>
<body>
    <script type="text/javascript">

        createLayer(1);

        function createLayer(layerIndex){
            var div = document.createElement('div');
            div.id = "div"+layerIndex;
            div.class = "tile a";
            document.body.appendChild(div);
            var canvas = document.createElement('canvas');
            canvas.id     = "layer" + layerIndex;
            div.appendChild(canvas);
        }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In vanilla JS the property for adding a class to an element is className not class.

    Try this instead:

    div.className = "tile a";

    • 0