使用innerHTML获取的文本消失

可能是由于以下原因之一：

1. DOM结构改变：当使用innerHTML获取文本后，如果对DOM进行了修改，例如添加、删除或替换元素，那么之前获取的文本可能会消失。这是因为innerHTML会重新渲染整个DOM结构，而不仅仅是更新文本内容。
2. 异步操作：如果在获取innerHTML后立即进行了异步操作，例如发送AJAX请求或执行定时器，那么在异步操作完成之前，获取的文本可能会消失。这是因为异步操作会打断JavaScript的执行流程，导致获取的文本无法及时显示。
3. 脚本执行顺序：如果在获取innerHTML后立即执行了其他脚本，而这些脚本修改了相关的DOM元素或文本内容，那么获取的文本可能会被覆盖或替换。这是因为脚本执行顺序可能会导致文本消失。

解决这个问题的方法有以下几种：

1. 使用textContent代替innerHTML：textContent属性可以获取元素的纯文本内容，而不会受到DOM结构的改变影响。可以使用element.textContent来获取文本内容，而不是使用innerHTML。
2. 确保同步操作：如果需要在获取innerHTML后进行其他操作，确保这些操作是同步执行的，而不是异步的。可以使用Promise或async/await等方式来控制异步操作的执行顺序，以确保获取的文本能够正确显示。
3. 确保脚本执行顺序：如果在获取innerHTML后立即执行其他脚本，确保这些脚本不会修改相关的DOM元素或文本内容，或者在修改之前先保存获取的文本内容，以便后续使用。

总结起来，使用innerHTML获取的文本消失可能是由于DOM结构改变、异步操作或脚本执行顺序等原因导致的。为了避免这个问题，可以使用textContent代替innerHTML，确保同步操作和正确的脚本执行顺序。