如何在javascript中制作css元素？ [复制]

Question

我想知道如何使用 CSS 属性在 JavaScript 类型点中创建一个类。

这是我在 HTML 中的 CSS 代码：

.dot3 {
    height: 25px;
    width: 25px;
    background-color: #FFFF00;
    border-radius: 50%;
    display: inline-block;
}

这是我在 JavaScript 中尝试的：

.dot2 {
    height: 25px;
    width: 25px;
    background-color: #FF0000;
    border-radius: 50%;
    display: inline-block;
}

database.once('value', function(snapshot){
    if(snapshot.exists()){
        var content = '';
        snapshot.forEach(function(childSnapshot){
            var val = childSnapshot.val();
            //content +='<tr>';

            if (val.Distancem2 > 15 &&  val.DistanceMiddle1 > 15 && val.DistanceMiddle3 > 15){

                content +='<div>';
                content += '<span>' +class="dot2"+'</span>';
;
                content +='</div>';
            }

        });
        $('#div').append(content);
    }
});

Answer 1

你快到了：

content += '<span class="dot2"></span>';

我也不认为 append 是这样工作的，但您需要先使用 document.createElement('div') 创建元素，然后附加元素，但我想您可以使用 innerHTML 代替您的解决方案：

$('#div').innerHTML += content;