一覧でHTMLリストを交換JS

Question

私の解決策を追加しました：https://jsfiddle.net/thecodesalim/dsvgdkks/2/

HTML：

<div id=leaderboard class="panel hidden"> 
    <h1>Leaderboard</h1> 
    <ol id=top10> 
    <li>Jyn Erso</li> 
    <li>Mon Mothma</li> 
    <li class="me">Han Solo</li> 
    <li>Galen Erso</li> 
    <li>Thane Kyrell</li> 
    <li>Norra Wexley</li> 
    <li>Ciena Ree</li> 
    <li>Malakili</li> 
    <li>R5-D4</li> 
    </ol> 
</div> 

JS：

function updateLeaderBoard(arr,me){ 
    let players = document.getElementById("top10"); 
    for(let i =0; i < arr.length;i++){ 
     let li = document.createElement("li"); 
     li.appendChild(document.createTextNode(arr[i])); 
     players.append(li); 
     if(arr[i].includes(me)) li.classList.add("me"); 
    } 
} 
updateLeaderBoard(["Jack","Robo","Simi"],"Robo"); 

私は、テキストコンテンツはJavaScriptで唯一のリストになりたいです、 htmlリストを置き換える必要があります。 ありがとう

Answer 1

HTMLリストがプレースホルダであり、それを消去してjsから必要なものを挿入したいと言っていると思いますか？もしそうなら、あなたはそれを選択したとき、ちょうど<ol>を空にする：

let players = document.getElementById("top10"); 
players.innerHTML = "";