我想将项目追加到数组中的列表中

时间:2019-01-04 01:59:54

标签: javascript html arrays dom mapping

这是我要向其添加其他列表项的无序列表。

<ul id="subreddits">
   <li class="my-subs"><strong>MY SUBREDDITS</strong></li>
 </ul>

这是JavaScript。我尝试了两种方法。我试图映射数组,也使用一个函数。我收到一条错误消息,说它不能追加到null。 数组中所有变量的值都等于其名称,即字符串。

 const subReddit = [home, "-", popular,"-", all, "-", random, "-", users]

function subredditList() {
 const unorderedList = document.getElementById("subreddits");
 for(let i = 0; i < subReddit.length; i++) {
    let item = document.createElement("li");
    item.innerHTML = subReddit[i];
    unorderedList.appendChild(item);
}
}

subReddit.map((sub, index) => {
 const unorderedList = document.getElementById("subreddits");
for(let i = 0; i < subReddit.length; i++) {
    let item = document.createElement("li");
    item.innerHTML = subReddit[i];
    unorderedList.appendChild(item);
}
})

预先感谢您的帮助。我真的很感谢你们

1 个答案:

答案 0 :(得分:0)

在子redditit列表中,无需存储f(n) = θ(ϕ^n)

您可以使用-指定分隔符来打印列表(如下所示)。

清理列表,然后遍历列表,创建li元素,然后将其添加到容器中,如下所示:

join
const subReddit = ['home', 'popular', 'all', 'random', 'users'];
console.log(subReddit.join('-'));

const container = document.querySelector('#subreddits');
subReddit.forEach(sub => {
  const item = document.createElement('li');
  item.innerHTML = sub;
  container.appendChild(item);
});