添加數據，類和風格的JavaScript

Question

我一直在努力與這個練習一段時間（我下面的HTML代碼）爲HTML：

<div class="exercise ex5"> 
    <h1>Zadanie 5</h1> 
    <ul> 
     <li data-direction="down"><a class="scroll" href="#home">home</a></li> 
     <li data-direction="down"><a class="scroll" href="#about">about</a></li> 
     <li><a class="scroll" href="#team">team</a></li> 
     <li><a class="scroll" href="#service">service</a></li> 
     <li><a class="scroll" href="#portfolio">portfolio</a></li> 
     <li data-direction="down"><a class="scroll" href="#blog">blog</a></li> 
     <li><a class="scroll" href="#contact">contact</a></li> 
    </ul> 
</div> 

我需要做的是：1.增加 數據 - 方向與價值「上升」到每一個元素，即沒有它尚未

var lol = document.querySelectorAll(".ex5 li"); 
    for (var i =0;i<lol.length;i++) { 
     if (lol[i].hasAttribute === false) { 
    lol[i].setAttribute("data-direction", "up"); 
     }; 
     lol[4].hasAttribute("data-direction"); 
     console.log(lol[i]); 
    }; 

也許我應該使用：不......？

2.增加「大」類名單

var lol = document.querySelectorAll(".ex5 li"); 
    for (var i =0;i<lol.length;i++) { 
     lol:nth-child(5).classList.add("big"); 
     }; 

3.Underline我的列表中每三個元素的第五元素。

var lol = document.querySelectorAll(".ex5 li"); 
    for (var i =0;i<lol.length;i++) { 
     lol:nth-child(-3n+6).style.textDecorationLine="underline"; 
     }; 

這是我一直在努力，到目前爲止，做...沒有我的代碼運行時，我很beggining在編碼，剛開始我的課程，一切對我來說是非常混亂...

Answer 1

1：

var lol = document.querySelectorAll(".ex5 li"); 
for (var i =0;i<lol.length;i++) { 
    if (!lol[i].hasAttribute("data-direction")) { 
     lol[i].setAttribute("data-direction", "up"); 
    } 
}; 

2：

var lol = document.querySelector(".ex5 li:nth-child(5)"); 
lol.classList.add("big"); 

3：

var lol = document.querySelectorAll(".ex5 li:nth-child(-3n+6)"); 
for (var i =0;i<lol.length;i++) { 
    lol[i].style.textDecorationLine="underline"; 
}