javascript - 如何在javascript中制作一个css元素?

标签 javascript html css firebase firebase-realtime-database

<分区>

我想知道如何使用 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);
    }
});

最佳答案

你快到了:

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

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

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

关于javascript - 如何在javascript中制作一个css元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55913796/

上一篇:css - Foundation 6 继续不显示消息

下一篇:javascript - CSS 不在 MVC 5 View For image-gallery 中的事件缩略图下方绘制边框

相关文章:

javascript - ie9 中的 Angular js 问题

javascript - 如何在动态加载的页面中强制从 js 中点击 html 元素

css - 响应圆在缩小时保持纵横比

javascript - 动画图像的CSS

java - 是否可以将图像数据从服务器传输到 html?

html - <a href ="/"> 有什么作用?

c# - 自动改变字体大小

html - CSS:悬停时更改div中的图像

javascript - mdbreact 错误 - 元素类型无效 : expected a string (for built-in components)

javascript - 将 HTML Canvas 导出为图像序列