javascript - innerHTML 正在更改输入的值

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 3 年前。

Improve this question

在我正在开发的应用程序中，我发现通过将新值重写为 innerHTML 来更新 DOM没有给出预期的结果。

我在 DevTools 控制台中输入了以下命令:

document.querySelector('main-app').shadowRoot.querySelector('.unitslist').innerHTML = '<unit-bar>1</unti-bar><unit-bar>2</unti-bar>'

结果如下:

<unit-bar>1<unit-bar>2</unit-bar></unit-bar>

Answer 1

您的字符串中有一个拼写错误。您打开 <unit-bar> ，但以 </unti-bar> 结尾。因此，浏览器可能会忽略结束标记，并猜测它们应该在哪里，从而导致您看到的差异。