已关闭，此问题需要details or clarity。目前不接受答复。
**想改善这个问题吗？**通过editing this post添加详细信息并澄清问题。
3天前关闭。
Improve this question
下面是表格：
let User = document.getElementsByClassName(".input");
let inpUser = document.getElementsByClassName(".input").value;
//let nodeText = document.createTextNode(inpUser);
let taskSection = document.querySelector(".tasks");
let submitBtn = document.querySelector(".add");
onsubmit = function() {
if (inpUser !== "") {
console.log(inpUser);
let nodeText = document.createTextNode(inpUser);
taskSection.appendChild(nodeText);
}
}<body>
<center>
<form action="">
<input type="text" class="input">
<input type="submit" class="add" value="add task">
</form>
<div class="tasks"></div>
</center>
<script src="testing.js"></script>
</body>问题是我不能从用户那里获得输入并将该值放入本地存储。
1条答案
按热度按时间wfveoks01#
1.使用
document.querySelector只获取匹配选择器的第一个元素。不要尝试在没有选择索引的情况下从document.getElementsByClassName读取值。1.您必须在
submit事件侦听器中读取输入的value，而不是在页面加载时读取。1.您需要阻止表单使用
event.preventDefault()提交，以查看附加的文本。1.您可以直接使用
Element#append来追加文本字符串，而不是创建文本节点。<center>已弃用;在CSS中使用text-align: center。