Modifier le texte à l'intérieur <h2> Texte je voudrais modifier </h2> élément à l'aide de javascript

J'ai besoin de changer le texte à l'intérieur

élément HTML à l'aide de javascript, mais je n'ai aucune idée de comment le faire. ¿L'aide?

Je l'ai défini comme: 

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

Im essayant de le faire avec: 

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

Mais ça ne fonctionne pas.

Grâce

Vous devez utiliser jQuery pour cela, il fonctionne partout.

OriginalL'auteur Carol | 2014-04-24

  1. 14

    Vous pouvez utiliser innerHTML:

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

    OriginalL'auteur Felix

  2. 5

    Si l'élément ne contient que du texte, textContent fonctionne mieux et plus vite que innerHTML

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

    Bonne chance
    🙂

    OriginalL'auteur erosman

  3. 4

    Bien que le code suivant devrait être le plus rapide alternative à la lente .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'));

    Et voici la référence:

    Modifier le texte à l'intérieur <h2> Texte je voudrais modifier </h2> élément à l'aide de javascript

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

    (juste pour info) Vous pouvez également supprimer tous les nœuds enfants avec element.textContent = ''; ... textContent sur son propre (comme dans ma suggestion) fonctionne bien JSPref

    OriginalL'auteur VisioN