Ändern Sie text in <h2> Text würde ich ändern </h2> - element mit javascript

Muss ich den text ändern, der im inneren

HTML-element mit Hilfe von javascript, aber ich habe keine Ahnung, wie es zu tun. ¿Keine Hilfe?

Habe ich es folgendermaßen definiert: 

<h2 id="something">Text I want to change.</h2>

Ich versuche, es zu tun mit: 

document.getElementById("something").value = "new text";

Aber es funktioniert nicht.

Dank

  • Sollten Sie verwenden jQuery für die, dass es überall funktioniert.
InformationsquelleAutor Carol | 2014-04-24
  1. 14

    Können Sie innerHTML:

    document.getElementById("something").innerHTML = "new text";
    InformationsquelleAutor Felix
  2. 5

    Wenn das element nur text enthält, wird textContent funktioniert besser und schneller als innerHTML

    document.getElementById("something").textContent = 'new text';

    Glück
    🙂

    InformationsquelleAutor erosman
  3. 4

    Obwohl der folgende code würde der Schnellste alternative zu langsamen .innerHTML:

    var element = document.getElementById('something');

//removing everything inside the node
while (element.firstChild) {
    element.removeChild(element.firstChild);
}

//appending new text node
element.appendChild(document.createTextNode('new text'));

    Und hier ist der benchmark:

    Ändern Sie text in <h2> Text würde ich ändern </h2> - element mit javascript

    JSPerf: http://jsperf.com/replace-text-in-node

    • (nur zur info) Sie können auch entfernen Sie alle Kind-Knoten mit element.textContent = ''; ... textContent auf eigene (wie in meinem Vorschlag) gut abschneidet, JSPref
    InformationsquelleAutor VisioN
Schreibe einen Kommentar