Javascript 将新输入附加到JS会擦除以前的输入

Javascript 将新输入附加到JS会擦除以前的输入,javascript,html,html-input,Javascript,Html,Html Input,所以我有这个密码 拼写数字=0 函数createSpell{ document.getElementByIdspells.innerHTML+= 拼写数+=1; 拼写活动=真 } 加上咒语 与现有的.innerHTML连接将意味着只保留以前元素的HTML字符串-您的输入没有.value属性,因此这些值似乎丢失了。实际发生的是元素被销毁,然后用新的完整HTML字符串重新创建 不要与现有innerHTML连接,而是使用createElement,以免损坏容器中已经存在的内容: 设spellNum

所以我有这个密码

拼写数字=0 函数createSpell{ document.getElementByIdspells.innerHTML+= 拼写数+=1; 拼写活动=真 } 加上咒语
与现有的.innerHTML连接将意味着只保留以前元素的HTML字符串-您的输入没有.value属性,因此这些值似乎丢失了。实际发生的是元素被销毁,然后用新的完整HTML字符串重新创建

不要与现有innerHTML连接,而是使用createElement,以免损坏容器中已经存在的内容:

设spellNumber=0; 常量拼写=document.getElementByIDSpills 函数createSpell{ const p=spells.appendChilddocument.createElement'p'; const input=p.appendChilddocument.createElement'input'; spells.appendChilddocument.createElement'br'; 拼写数+=1; 拼写活动=真 } 加上咒语
innerHTML不是添加更多HTML内容的好方法。