如何在JavaScript中为answer[i]添加删除线而不影响wordArray[i]？

注意：表单元素的value属性只能存储纯文本，无法渲染删除线这类HTML格式效果，需要改用innerHTML来设置内容（适用于可展示或开启contenteditable的HTML元素，比如<div>、<span>）。

直接修改代码如下：

document.getElementById(wordArray[i]).innerHTML = `<del>${answer[i]}</del> ${wordArray[i]}`;

这段代码会用<del>标签包裹answer[i]，使其呈现删除线效果，而wordArray[i]保持正常显示样式。

如果目标元素是<input>或<textarea>这类原生表单输入框，它们不支持内嵌HTML样式，这种情况下可以选择：

• 将输入框替换为<div contenteditable="true">，再用上述方法设置内容；
• 使用富文本编辑器组件来实现局部文本的样式修改。

内容的提问来源于stack exchange，提问作者Ed. K.