Javascript 在生成的标题列表中隐藏项目符号

如何在标题列表中隐藏项目符号

此代码显示带有项目符号的blogspot.com帖子标题列表。我不知道如何更改它以移除或隐藏子弹

<div id="all_post_root">Loading ...</div>

<script type="text/javascript">
// Sort the items with respect to their title
var entriesComparator = function(a, b) {
return a.link[2].title > b.link[2].title;
}

var displayFeed = function(response) {
var entries = response.feed.entry;
entries.sort(entriesComparator);

var listUl = document.createElement("ul");
for (var i in entries) {
var elt = entries[i].link[2];

var a = document.createElement("a");
a.href = elt.href;
a.appendChild(document.createTextNode(elt.title));

var li = document.createElement("li");
li.appendChild(a);

listUl.appendChild(li);
}

var allPostRoot = document.getElementById('all_post_root');
allPostRoot.innerHTML = "";
allPostRoot.appendChild(listUl);
};
</script>

<script src="/feeds/posts/default?alt=json&callback=displayFeed">
</script>

正在加载。。。
//根据项目标题对项目进行排序
var离心压缩机=功能（a，b）{
返回a.link[2]。title>b.link[2]。title；
}
var displayFeed=函数（响应）{
var条目=response.feed.entry；
条目。排序（entriesComparator）；
var listUl=document.createElement（“ul”）；
对于（分录中的var i）{
var elt=条目[i]。链接[2]；
var a=document.createElement（“a”）；
a、 href=elt.href；
a、 appendChild（document.createTextNode（elt.title））；
var li=document.createElement（“li”）；
李.儿童（a）；
李氏；
}
var allPostRoot=document.getElementById（'all_post_root'）；
allPostRoot.innerHTML=“”；
allPostRoot.appendChild（listUl）；
};

在CSS中设置

列表样式类型：none

，该CSS引用要隐藏项目符号的

元素

将类添加到

元素：

var listUl = document.createElement("ul class='nobullets'");

并在样式表中添加一个条目：

.nobullets li {
  list-style-type:none;
}

---

如果您不想像Micke W所展示的那样编写CSS类，请添加

    var listUl = document.createElement("ul");
    listUl.style.listStyleType = 'none';

这会将

列表样式类型设置为
none
与
ul
元素内联