需要帮助在Javascript中删除li项目符号

Question

我正在使用Javascript创建一个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中的样式类型，以证明我已经尝试过这些方法。我也分别尝试了它们。

Answer 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"));