JS: Comment insérer dynamiquement du texte dans un SPAN?

Sans l'aide des frameworks JavaScript, comment puis-je modifier dynamiquement le texte à l'intérieur d'un SPAN élément.

Je sais comment faire avec un DIV, il serait le suivant:

document.getElementById('myDiv').innerHTML = '...'

Ce qui est l'équivalent de ce pour un SPAN élément?

OriginalL'auteur | 2009-10-08

  1. 20

    getElementById (), faire exactement ce que son nom l'indique: obtenir un élément avec l'attribut id est égal à l'argument; donc, si vous avez une durée nommé "mySpan", votre code doit être:

    document.getElementById('mySpan').innerHTML = '...'

    OriginalL'auteur Rubens Farias

  2. 6

    innerHTML va fonctionner, mais il peut être dangereux dans certaines situations, si vous ne savez pas ce que vous faites. Il peut insérer des balises HTML, pas seulement du texte, l'ouverture éventuelle de vous jusqu'à des attaques XSS etc.

    La textContent avec innerText de secours que certains ont proposé, c'est une meilleure idée que vous n'avez pas à vous soucier de l'injection de scripts, etc.

    Si vous n'avez pas de support d'IE8 et plus tôt, l'utilisation textContent avec aucun secours. IE9 et, plus tard, de soutien textContent.

    Cela devrait être beaucoup plus élevé, il est très détaillées réponse à un problème général, pas d'un cas d'utilisation spécifiques à l'OP.
    C'est un peu déroutant. Un petit exemple serait plus clair.

    OriginalL'auteur Trott

  3. 3

    Que la technique fonctionne pour n'importe quel élément, même si la mise en garde de l'utiliser sur des éléments tels que les divs, c'est qu'il va remplacer intérieure éléments, et pas seulement du texte.

    Si vous ne souhaitez remplacer le texte, vous pouvez le faire par:

    function replaceText( el, str ) {
    el.textContent ? el.textContent = str : el.innerText = str;
}

replaceText( spanReference, 'blah' )

    OriginalL'auteur meder omuraliev

  4. 0

    Vous pouvez utiliser innerHTML pour les éléments span également.

    Ce qui s'est passé lorsque vous avez essayé de le faire?

    Pour un bref exemple, vous pouvez regarder:
    http://bytes.com/topic/javascript/answers/149023-there-faster-way-change-span-innerhtml

    OriginalL'auteur James Black