Question

我已经在这个练习中挣扎了一段时间（在我的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.add数据方向的值＆＃34; up＆＃34;对于尚未拥有它的每个元素

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.添加＆＃34;大＆＃34;列表中的第五个元素

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

3.整理我列表中的每个第三个元素。

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

这就是我到目前为止所做的一切......我的代码都没有运行，我在编码方面非常开始，只是开始了我的课程，一切都让我很困惑......

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";
}

使用JavaScript将数据，类和样式添加到HTML

1 个答案: