Fatal编程技术网
  • javascript/
  • Javascript 将字符串项添加到APPENDLI子元素

Javascript 将字符串项添加到APPENDLI子元素

javascript dom

Javascript 将字符串项添加到APPENDLI子元素,javascript,dom,Javascript,Dom,这是我的密码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="styl

这是我的密码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<title>Todo-List</title>
</head>
<body>
<div id="container">
  <header>
    <h2>To-Do List</h2>
  </header>
  <input id="textArea" type="text" placeholder="Enter list item here!"><input id="submit" type="submit" value="Add">
</div>
<div id="tasks-div">
  <ul id="tasks-list"></ul>
</div>
<script src="script.js"></script>


待办事项清单
待办事项清单

    


    let textArea=document.getElementById（“textArea”）；
let submit=document.getElementById（“提交”）；
设ul=document.querySelector（“ul”）；
让deleteIcon=document.createTextNode（“X”）；
//添加待办事项
让addTodos=submit.addEventListener（“单击”，函数（）{
让value=textArea.value；
设li=document.createElement（“li”）；
li.textContent=值；
让listItem=ul.appendChild（li）；
对于（var i=0；i
    我认为通过使用+=操作符，它可以将X添加到任何li元素中。如何确保在创建li元素时，它的末尾有一个“X”？

    更改此行

    li.textContent = value;
    对此

    li.innerHTML = `${value} <button>X</button>`;

    li.innerHTML=`${value}X`；
    然后移除该循环

    这里演示

    我对for循环中的项目使用了.append。不起作用。
    li
    不是元素吗？您不想附加到它的值吗？即
    li.value+=“X”

    li.innerHTML = `${value} <button>X</button>`;