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

hide bullets in the resulting list of titles

本文关键字：隐藏 项目 符号 列表 标题      更新时间：2024-01-10

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

这段代码显示了一个带有项目符号的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>

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

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

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';

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

相关文章：