为了账号安全，请及时绑定邮箱和手机立即绑定

innerHTML 正在更改输入的值

首页 猿问 innerHTML 正在更改输入的值

innerHTML 正在更改输入的值

Html5
繁华开满天机 2023-09-11 15:07:11
在我正在开发的一个应用程序中，我发现通过重写新值来更新 DOM 并innerHTML不能给出预期的结果。我在 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>
查看完整描述

2 回答

?
慕仙森

TA贡献1827条经验 获得超7个赞

你的字符串有错别字。你以 开始<unit-bar>，但以 结束</unti-bar>。因此，浏览器可能会忽略结束标签，并猜测它们应该在哪里，从而导致您看到的差异。



查看完整回答
反对 回复 2023-09-11
?
PIPIONE

TA贡献1829条经验 获得超9个赞

所以，你可以解决以避免覆盖： - 1.获取div的内容并添加当前要更新的值和现有值

DOMElem.innerHTML = DOMElem.value +（要更新的值）


查看完整回答
反对 回复 2023-09-11
  • 2 回答
  • 0 关注
  • 61 浏览

添加回答

了解更多

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信