我想在段落中顯示名為 monday 的陣列中的所有元素。如何更改代碼以修復它?和 cany 你幫助了解如何加入這個方法?
問候
`
let mondayList = document.querySelector("firstPastList");
let monday = ["task1", "task2", "task3", "task4", "taks5", "task6", "taks7"];
let tuesday = ["task1", "task2", "task3", "task4", "taks5"];
let wendesday = ["task1", "task2", "task3", "task4", "taks5", "task6"];
const takePastList = monday
.map((mondays) => `<p id ="firstPastList">${mondays}</p>`)
.join("");
list.insertAdjacentHTML("afterend", <p>First Past List</p>);
<h1>My Task</h1>
<div id="tasks"></div>
<main> </main>
<p id="firstPastList">First Past List</p>
<h2>Done</h2>
`
uj5u.com熱心網友回復:
因為list.insertAdjacentHTML("afterend", <p>First Past List</p>);您需要將第二個引數設為takePastList,它應該是您要插入的實際引數。
更多細節可以在insertAdjacentHTML中找到
另外,在您的代碼中,您沒有宣告list來自哪里,也許是tasks?
let mondayList = document.querySelector("firstPastList");
let monday = ["task1", "task2", "task3", "task4", "taks5", "task6", "taks7"];
let tuesday = ["task1", "task2", "task3", "task4", "taks5"];
let wendesday = ["task1", "task2", "task3", "task4", "taks5", "task6"];
const takePastList = monday
.map((mondays) => `<p id ="firstPastList">${mondays}</p>`)
.join("");
let list = document.querySelector('#tasks')
list.insertAdjacentHTML("afterend", `<p>${takePastList}</p>`);
<h1>My Task</h1>
<div id="tasks"></div>
<main> </main>
<h2>Done</h2>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/532352.html
上一篇:在主類中呼叫陣列方法
