繁体   English   中英

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

[英]Need help removing li bullets in Javascript

我正在用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强制使用list-style-type的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"));

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM