javascript - 动态添加的项目不会附加到列表中
问题描述
我正在尝试根据输入值附加一个列表项。但是,不会附加列表项。我试图在不同的点使用脚本标签,但这无济于事。我错过了什么?
这是我的 HTML
<body>
<main>
<div>
<form>
<input type="text" name="newtodo" id="newtodo" placeholder="New Todo...">
<button type="submit" id="addtodo">+</button>
</form>
<div class="AddedTodo">
<ul id="myList">
</ul>
</div>
<div>
<p id="clearAll">Clear All</p>
</div>
</div>
</main>
</body>
<script type="text/javascript" src="script.js"></script>
这是我的 JavaScript。
document.getElementById("addtodo").onclick = function addItem() {
var ul = document.getElementById("newtodo").value;
var li = "<li>" + ul + "</li>";
document.getElementById("myList").appendChild(li);
}
解决方案
试试这个简单的解决方案...
myList.innerHTML+='<li>'+newtodo.value+'</li>';
推荐阅读
- git - 当我尝试对我的文件进行 git 提交时,我在终端上收到了这个错误,我不知道如何解决这个问题
- python - 如何将 charfiled 修改为外键?
- python - 如何从多个列表的输出中选择一个列表?
- python - 如何创建字节数组列表?
- docker - 从 Docker 访问 USB 设备
- java - 使用 compareToIgnoreCase() 在不使用数组的情况下将条目与字符串中的子字符串进行比较
- python - 截断列表项
- python - Z3Py如何在solve()函数后获取值
- android - 如果我需要制作多张桌子,如何使用 Room 数据库?
- reactjs - 重定向更改时重置状态