使用innerHTML时文本输入显示Nan

使用innerHTML时文本输入显示NaN是因为innerHTML属性会将文本作为HTML代码进行解析和渲染，而NaN是JavaScript中的特殊值，表示非数字（Not a Number）。当将NaN作为文本输入使用innerHTML时，浏览器会尝试解析NaN作为HTML标签或属性，但由于NaN不是有效的HTML代码，所以会显示为NaN。

为了避免文本输入显示NaN，可以使用innerText属性或textContent属性来替代innerHTML。这两个属性会将文本作为纯文本进行处理，不会进行HTML解析和渲染，因此可以正确显示NaN。

以下是对innerText和textContent的简要介绍：

innerText属性：获取或设置元素及其子元素的文本内容。它会将HTML标签解析为纯文本，并返回纯文本内容。使用innerText可以避免HTML标签被解析和渲染，适用于处理纯文本内容。
textContent属性：获取或设置元素及其子元素的文本内容。它会将HTML标签解析为纯文本，并返回纯文本内容。与innerText不同的是，textContent会返回所有元素的文本内容，包括隐藏元素和脚本元素。使用textContent可以获取更全面的文本内容。

在腾讯云的产品中，与前端开发相关的产品有腾讯云CDN（内容分发网络）和腾讯云Web应用防火墙（WAF）。腾讯云CDN可以加速网站的访问速度，提高用户体验；腾讯云WAF可以保护网站免受各类Web攻击。你可以通过以下链接了解更多关于腾讯云CDN和腾讯云WAF的信息：