innerHTML und Farbe ändern

chatTextBox.innerHTML = '<span style="color:#FF0000"> hi </span>';

Dies ist, was ich tun wollte, aber die innerHTML-nur wird

<span style="color:#FF0000"> hi </span>

und nicht hi in rot.

Hinweis: ich verwende eine TextArea, und ich möchte in der Lage sein, zu schreiben in mehrere text-Farbe.

InformationsquelleAutor PerfectAffix | 2013-07-07

  1. 4

    chatTextBox.innerHTML = "<span style='color:#FF0000'> hi </span>";

    diesem Weg versuchen, sollte es im Idealfall funktionieren.

    dies funktioniert tatsächlich und es hat mir geholfen.

    InformationsquelleAutor Krupa Gowda

  2. 1
    chatTextBox.value = 'hi';
chatTextBox.style.color = 'red';

    Nun, wenn Sie haben viele verschiedene Farbe, die text, den Sie nicht verwenden können Sie eine textarea-Sie müssen irgendeine Art von contenteditable-element.

    Mein Ziel war effektiv, um die unterschiedliche Farbe der Texte auf die gleiche TextArea... So was Mach ich jetzt? contenteditable-element?
    das ist, was ich sagte.
    Ja, aber was ist ein contenteditable-element? Kann ich einfach brauche, um contenteditable='true' und was ich versuche zu tun, mit der TextArea-Komponente arbeiten?
    wird nicht funktionieren auf einem text-Bereich, ein Absatz oder eine Abteilung. Auch die Forschung, die auf contenteditable.

    InformationsquelleAutor Musa

  3. 1

    Stil zugänglich, auf diese Weise:

    document.getElementById("chatTextBox").style.visibility = 'hidden';
document.getElementById('chatTextBox').innerHTML = "Hello";

    InformationsquelleAutor stackexchanger

  4. 1

    Ich bin mir nicht sicher, ob dies ist, was Sie wollen, aber haben Sie einen Blick auf diese Codepen! Es ändert sich die Farbe der input-box nach dem Zufallsprinzip. Hier ist der HTML Unter:

    <div style="height:150px">
  <h1>Type in the Input BOX below and see changing colors as you type!!</h1>
  <br><br>
  <input type="text" id="multi" style="width:100%; height:100px; font-size:26px;" onkeydown="myFunction()">
</div>


    Hier ist JS:

    var myArray = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F']; 
function myFunction(){
var rand = myArray[Math.round(Math.random() * (myArray.length - 1))];
var rand1 = myArray[Math.round(Math.random() * (myArray.length - 1))];
var rand2 = myArray[Math.round(Math.random() * (myArray.length - 1))];
var rand3 = myArray[Math.round(Math.random() * (myArray.length - 1))];
var rand4 = myArray[Math.round(Math.random() * (myArray.length - 1))];
var rand5 = myArray[Math.round(Math.random() * (myArray.length - 1))];

document.getElementById("multi").style.color = '#'+rand+rand1+rand2+rand3+rand4+rand5;
}

    P. S. Ich bin neu in java script, aber ich habe versucht zu helfen!

    InformationsquelleAutor Tushar Shukla

  5. 1

    Dies ist möglich mit einem contenteditable element. Um es zusammenzufassen, können Sie die contenteditable Attribut verwandeln Sie jedes element in ein textarea-element. Die contenteditable - Attribut können Sie zur Eingabe erlauben eine <p> - tag, etwa so:

    <p contenteditable="true" id="changeColor">Click to type</p>

    Weil die contenteditable element ist nicht ein textarea können Sie fügen Sie code drin. Mit der contenteditable <p> tag, können Sie die <span> tag Sie zeigte uns Ihre Frage ein. Um das zu ändern die Farbe eines contenteditable element, das Sie verwenden müssen, eine javascript Befehl: document.execCommand(). Wenn Sie Hilfe benötigen mit execCommand() fand ich ein tolles link zu tun. Wenn Sie ein Beispiel document.execCommand('bold') dreht alle ausgewählten text in Fettschrift. Es klingt einfach, aber es ist relativ schwer. Viel Glück mit Ihrem Projekt!

    InformationsquelleAutor IamGuest

Schreibe einen Kommentar