<span>使用 javascript</span>替换文本

Question

我需要用具有唯一 id 的跨度替换 textarea 中的每个单词。 我需要 JavaScript 代码。 我尝试使用以下代码创建一个 DOM 元素并将其插入文本区域。

var s = document.createElement('span');
var text=document.createTextNode("inside tag");
s.appendChild(text);                
document.getElementById("t1").appendChild(s);

t1 是我的文本区域的 id。 上面的代码没有给出任何结果。

另外，我尝试了另一种方法：

document.getElementById("t1").innerHTML="<span>inside tag</span>";

innerHTML在这里不起作用。

我该怎么办？

Answer 1

它必须是value属性而不是innerHtml，因为value属性用于设置 input/form 元素的值。 另一方面， innerHTML通常用于 div、span、td 和类似元素。

因此，当您使用 textarea 时，您应该使用 value 属性。

document.getElementById("t1").value = "Whatever the text/html you want to insert here";

Answer 2

要更改 text arena 的value ，您必须执行以下操作：

document.getElementById('t1').value = '<span>inside tag</span>';