Question

我添加了一个文本框。我收到文本输入文本框，如：

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

然后通过使用split函数我得到一个特定的String来自文本中的第一个字符串。并尝试正确应用字符串，如：

 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>

Answer 2

您应该使用div,span or p element来获取italics word。试试这个，

<强> HTML

<textarea id="textarea">test the italics now.</textarea>
<div id="div"></div>

<强> SCRIPT

text=text.replace(word,word.italics());// replace the first word with italics
document.getElementById("div").innerHTML = text;// use div not textarea

Demo

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

2 个答案: