当使用JavaScript的innerText属性来修改input标签的内容时,会将其当作纯文本处理,导致input标签的样式丢失。这是因为input标签的显示方式与其他元素不同,它需要使用value属性来设置其文本内容。

解决方法:

  1. 使用value属性来设置input标签的文本内容,而不是innerText。

例如:

document.getElementById("myInput").value = "new value";

  1. 使用innerHTML属性来修改input标签的内容,但需要将其包裹在一个div或者其他元素中。

例如:

document.getElementById("myInput").innerHTML = '

new value
';

  1. 使用innerText修改其他元素的内容,而不是input标签。

例如:

document.getElementById("myDiv").innerText = "new value";

拓展:

除了innerText和innerHTML外,还有textContent属性可以用来设置元素的文本内容。与innerText不同的是,textContent会保留所有空格和换行符,而innerText会移除它们。

innertext赋值后input框的样式丢失回答加拓展。

原文地址: https://www.cveoy.top/t/topic/Z0i 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录