javascript - 需要帮助删除Java中的li项目符号

我正在用Java语言创建ul，尽管付出了我的努力，但我似乎无法从列表项中删除项目符号。我有以下javascript：

var btnUL = document.createElement("ul");
btnUL.id = "btnUL";
btnUL.style.listStyleType = "none";
document.getElementById("leftGutter").appendChild(btnUL);
document.getElementById("btnUL").style.listStyle = "none";

并且我试图在我的样式表中为列表样式类型添加#btnUL的css，但是没有运气。我在这里做错了什么？我在javascript中都进行了两次更改样式类型的尝试，以证明我已经尝试过这些方法。我也分别尝试过它们。

最佳答案

您的列表中仍然有项目符号的原因只有1个。这是使用!important强制使用列表样式类型的css规则。这也解释了为什么无法使用css规则删除项目符号的原因。

第一个小提琴是您已经在使用的相同代码。而且效果很好。
http://jsfiddle.net/5gLwbdvr/

第二小提琴具有一定的CSS规则来强制子弹：

ul { list-style-type:disc !important }

http://jsfiddle.net/5gLwbdvr/1/

如果不是这个原因，那么您填充列表的方式肯定有问题。

//编辑：看到如何填充列表后：

您需要将列表项附加到列表而不是容器。

document.getElementById("btnUL").appendChild(document.createElement("li"));