你好，在下面的代碼中，我如何從DOM中洗掉以前的元素，并用新的元素替換它。這應該在我每次按下按鈕的時候進行。目前，每次我按下按鈕，它都會向DOM中添加新的元素。
let arr = [
{name: 'John', 年齡: 31}。
{name: 'Eric', 年齡: 55}。
{name: 'Kyle', age: 80}。
{name: 'Pedro', age: 44}。
{name: 'Ali', 年齡: 35}。
];
let btn = document.querySelector('button') 。
btn.addEventListener('click', () => {
arr.map(span class="hljs-params">info => {
let p = document.createElement（'p'）。
let container = document.querySelector('.container') 。
if(p === undefined){
p.remove（）。
}
p.append（info.name）。
container.append(p)。
})
})
uj5u.com熱心網友回復：
你需要在點擊按鈕后洗掉容器內的前述Html。
btn.addEventListener('click', ( ) => {
document.querySelector('.container').innerHTML = '>
//你的邏輯在這里。
})
uj5u.com熱心網友回復：
你可以通過使你的容器的innerHTML為空來洗掉所有的內容
。 。const arr = [
{name: 'John', 年齡: 31}。
{name: 'Eric', 年齡: 55}。
{name: 'Kyle', age: 80}。
{name: 'Pedro', age: 44}。
{name: 'Ali', 年齡: 35}。
];
let changes = 0;
const btn = document.getElementById('add') 。
btn.addEventListener('click', () => {
const container = document.getElementById('container') 。
container.innerHTML = ''/span>;
arr.map(item => {
const p = document.createElement（'p'）。
p.innerHTML = item.name。
container.append（p）。
});
變化 。
btn.innerHTML = `Change element (${changes})`;
})<div id="container"> /span>
<p>測驗元素</p>/span>
</div>/span>
<button id="add"/span>> 改變元素</button> uj5u.com熱心網友回復：
一個閉包可以管理你陣列的當前索引。如果你從處理函式中回傳該閉包，那么該閉包就是被點擊監聽器呼叫的函式，然后你就可以點擊按鈕，知道下一個物件的名稱將被回傳。
你不必創建新的元素--你只需替換你所擁有的一個元素的文本內容。
。const arr = [
{name: 'John', 年齡: 31}。
{name: 'Eric', 年齡: 55}。
{name: 'Kyle', age: 80}。
{name: 'Pedro', age: 44}。
{name: 'Ali', 年齡: 35}。
];
const container = document.querySelector('.container') 。
const btn = document.querySelector（'button'）。
btn.addEventListener('click', handler(arr), false) 。
function handler(arr) {
let index = 0;
return function （） {
if (index < arr.length) {
container.textContent = arr[index].name;
index;
}
}
}< div class="container"></div>
<button>點擊</button> 轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/320450.html
標籤：
上一篇：為什么評論是一個介面/類？