function addToDoList() {
toDoForm.addEventListener('submit', event => {
event.preventDefault();
toDoArray.push(toDoInput.value);
const li = document.createElement("li");
const delButton = document.createElement("button");
delButton.innerHTML = "X";
const span = document.createElement("span");
span.innerHTML = toDoInput.value;
li.appendChild(span);
li.appendChild(delButton);
toDoList.appendChild(li);
toDoInput.value = "";
});
}
다음은 내 코드입니다. 값을 입력하면 목록에 표시됩니다. 그리고 각 목록에 ID를 부여하고 싶습니다. 어떻게 할 수 있습니까?
document.querySelectorAll('li')
document.querySelectorAll('li').forEach((val, ind) => {
val.id = "elem" + (ind + 1);
})
document.querySelectorAll('li').forEach((val, ind) => {
console.log(val.id);
})
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다