需要帮助在Javascript中删除li子弹

Need help removing li bullets in Javascript

本文关键字：删除 li 子弹 Javascript 帮助      更新时间：2023-09-26

我正在用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";

和我已经尝试添加css为#btnUL在我的样式表的list-Style-Type没有运气。我哪里做错了?我在javascript中放置了两次更改样式类型的尝试，以证明我已经尝试了这些方法。我也分别试过了。

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

First fiddle与您已经使用的代码相同。它工作得很好。http://jsfiddle.net/5gLwbdvr/

第二小提琴有一定的css规则强制子弹:

ul { list-style-type:disc !important }
http://jsfiddle.net/5gLwbdvr/1/

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

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

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

document.getElementById("btnUL").appendChild(document.createElement("li"));
相关文章：