javascript - 从文本框中获取字符串并应用于字符串属性

Question

我添加了一个文本框。我正在输入文本框的文本，例如:

 var text = document.getElementById("textarea").value;

然后通过使用 split 函数，我从文本中的第一个字符串中获取一个特定的字符串。并尝试在其上正确应用字符串，例如:

 var split = text.split(" ");
 var word = split[0];
 word.italics();

然后我使用更改的第一个字符串的属性再次形成文本并将其重新分配给文本框

document.getElementById("textarea").value = text;

但是这些字符串属性不适用于单词 。所有字符串属性(如字体颜色、链接等)都有同样的问题。我不知道我做错了什么？

Answer 1

您无法设置文本框中文本的格式

尝试

document.getElementById("someContainerLikeADivOrSpan").innerHTML=text

例如

Live Demo

window.onload=function() {
  document.getElementById("text").onkeyup=function() {
    var text = this.value;
    var split = text.split(" ");
    var word = split[0];
    document.getElementById("output").innerHTML=word.italics();
  }
}

使用

<textarea id="text" placeholder="type some words"></textarea>
<span id="output"></span>