innertext赋值后input框的样式丢失回答加拓展。
当使用JavaScript的innerText属性来修改input标签的内容时,会将其当作纯文本处理,导致input标签的样式丢失。这是因为input标签的显示方式与其他元素不同,它需要使用value属性来设置其文本内容。
解决方法:
- 使用value属性来设置input标签的文本内容,而不是innerText。
例如:
document.getElementById("myInput").value = "new value";
- 使用innerHTML属性来修改input标签的内容,但需要将其包裹在一个div或者其他元素中。
例如:
document.getElementById("myInput").innerHTML = '
new value
';
- 使用innerText修改其他元素的内容,而不是input标签。
例如:
document.getElementById("myDiv").innerText = "new value";
拓展:
除了innerText和innerHTML外,还有textContent属性可以用来设置元素的文本内容。与innerText不同的是,textContent会保留所有空格和换行符,而innerText会移除它们。
原文地址: https://www.cveoy.top/t/topic/Z0i 著作权归作者所有。请勿转载和采集!