Javascript 从api列表访问每个项目 axios.get（“https://api.vschool.io//todo") 。然后（响应=>{ for（设i=0；iconsole.log（错误））

我已经做了一个api列表，并将其显示在浏览器中。我正在尝试设计它的样式，并将其移动一点，但就我的一生而言，我不知道如何访问每个单独的项目（我的最终目标是，如果某个项目已完成，则能够在该行中划出一条线。谢谢

检查状态是否为“已完成”，比如说

已完成”

，然后为该项目添加一个类

axios.get("https://api.vschool.io/<username>/todo")
    .then(response => {
        for(let i = 0; i < response.data.length; i++){
            const h1 = document.createElement('h1')
            h1.textContent = response.data[i].title
            document.body.appendChild(h1)
        }
    })
    .catch(error => console.log(error))

---

太棒了，我真的很感激。实际上我甚至不知道有这样一个类列表。非常有用

axios.get("https://api.vschool.io/<username>/todo")
.then(response => {
    for(let i = 0; i < response.data.length; i++){
        const h1 = document.createElement('h1');
        h1.textContent = response.data[i].title;
        if (response.data[i].taskStatus == 'completed'){
            h1.classList.add('completed')
        }
        document.body.appendChild(h1);
    }
})
.catch(error => console.log(error))

.completed{
    text-decoration-line: line-through;
}