[英]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.