簡體   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