试图用css display隐藏Div元素：none;不隐藏它

Question

我有一个创建div的JS代码（我用JS创建它而不是用于教育目的的HTML）：

    var profile = document.createElement('div');
    .... some code...
    document.body.appendChild(profile);

现在在与主html文件关联的css文件中，我有：

.profile{
    display: none;
}

这不会隐藏配置文件div，我不明白为什么。 我假设我在CSS文件中遗漏了一些东西，但在互联网上查找后我没有找到答案。

Answer 1

好像您的<div>没有班级'个人资料'

看看这个jsBin。

Answer 2

将此添加到您的JS代码中：

var profile = document.createElement('div');
profile.className = 'profile';

现在可以将css应用于此元素，因为它有一个名为＆＃39; profile＆＃39;

的类

Answer 3

我的建议是下一步：

此行var profile = document.createElement('div');之后 这样就可以为元素添加一个className选择器 profile.className = "your class name here";

然后在CSS中使用：

.your class name here{
    display: none;
}