Question

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

此代码显示带有项目符号的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>

Answer 1

在CSS中设置list-style-type:none，引用要隐藏项目符号的<li>元素。

向<ul>元素添加一个类：

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

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

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

Answer 2

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

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

这会将list-style-type设置为none与ul元素内联。

在结果标题列表中隐藏项目符号

2 个答案: