如何将现有的CSS类样式应用于动态创建的div？

Question

如何将现有的CSS类样式应用于动态创建的div？

为这个看似多余的问题道歉,但其他人似乎都在询问不同的情况,比如使用JQuery.我正在尝试动态创建div并将现有的CSS样式应用于它,但div并没有采用这种风格.任何提示都非常感谢:

    <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);
        }

Run Code Online (Sandbox Code Playgroud)

Answer 1

Jam*_*xon 5

在vanilla JS中,为元素添加类的属性className不是class.

试试这个:

div.className = "tile a";

归档时间：	13 年，2 月前
查看次数：	1934 次
最近记录：	13 年，2 月前