InnerHTML 更新有效，但不会在移动模式下呈现

Question

在电子商务网站上，我有代码可以在用户更改产品时更新某些元素的内部 HTML。这已经有一段时间了。但是，今天我注意到，在移动设备甚至 chrome 开发人员工具（作为移动设备查看）上，DOM 确实会更新（可以通过在控制台中选择元素来确认这一点。）但是，更改不会在页面上呈现，直到返回桌面模式。在 safari 中也是如此。请参见以下屏幕截图，ID 为 variantLength 的跨度包含“164”，但在屏幕上显示为“144”（来自前一个产品的值）。正如我在桌面上提到的，这些更新没有问题。

Answer 1

问题是您在页面上有两个具有相同 id 的选择器：

document.querySelectorAll('#variantLength')
// Result: NodeList(2) [span#variantLength, span#variantLength]

所以这些选择器值之一正在更新，但我想在移动设备上您会显示第二个值。