如何通过抓取 <li> 标签的 <ol> 标签使用 javascript 添加样式？ [关闭]

Question

我有以下任务要完成，但我对完成它感到困惑。我不确定 javascript 应该如何组合在一起并尝试了多种组合。

        ul>
            li>Unordered list test</li>
            li>Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
            li>Yet another element in the list</li>
            li>Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
        </ul>
        ol>
            li>Ordered list test</li>
            li>Another list element</li>
            li>Yet another element in the list</li>
        /ol>
    

我已经尝试使用下面代码的变体，但仍然无法获得我想要做的事情。我确定它不正确 lol

let lis = document.getElementById("il");
for(let i=0;i\<lis.length; i++){
lis\[i\].setAttribute    ("style","background-color:#3c7;");
}

Answer 1

你可以尝试使用 css 并将它添加到你的元素中，就像这样的 css:

ol.a { list-style-type: circle; }

HTML :

<ol class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

wich 给出这样的东西： `

咖啡

茶

可口可乐

`