用js從動態元素中獲取id

Question

我創建了一個動態列表，每個元素都有自己的 id，但是當我必須使用 document.getElementById 從 javascript 中獲取它時，會引發錯誤（無法設置 null 屬性（設置'innerHTML'））我該如何解決？

元素 id 已正確創建。 <li id="item1">item1</li>

 //This is how I add a new element: var counter = 1; function addElement(){ var list = document.getElementById("list"); list.innerHTML += `<li id="item${counter}">item${counter}</li>`; } //This function is called when the button is clicked. //This function is called when the bottom for editing is clicked: function changeTxt(){ document.getElementById("changeID").innerHTML = document.getElementById("textChange").value; } //ChangeID is a variable saved in another function.

Answer 1

可能是因為您沒有引用 ID。

我認為您的元素看起來像這樣 rn： <li id=item64>item64</li>

它必須看起來像這樣： <li id="item64">item64</li>

Answer 2

嘗試將+=添加到您的作業中，而不是替換列表內容，而是添加到它。 否則，列表中將只有一個元素，即最后一個計數器值。

 const list = document.getElementById('list'); for (let counter = 1; counter < 4; ++counter) { list.innerHTML += `<li id="item${counter}">item${counter}</li>`; } console.log(document.getElementById("item3"));

 <ul id="list"></ul>

如果它不起作用，請使用檢查工具檢查元素是否正確創建；）