[JavaScript Array] modifier un code html sans le supprimer/recréer

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par mickou51, 20 Juin 2022, à 06:50.

  1. mickou51
    mickou51 WRInaute discret
    Inscrit:
    8 Janvier 2016
    Messages:
    204
    J'aime reçus:
    22
    Salut

    Voici un code test :
    Code:
    var array = [
        {id:0, html: '<a href="test02">test01</a>'}
    ];
    Code:
    array[0].html contient la valeur: <a href="test02">test01</a>
    Est-ce que quelqu'un saurait comment faire (au plus simple possible) pour mettre à jour "test02" et "test01" par d'autres données ?
    Ou savez-vous si ça porte un nom connu ce genre d'édition de code html venant d'une variable ou d'un array afin d'entamer mes recherches sur Google ?

    Merci d'avance,
    cordialement
     
  2. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    2 012
    J'aime reçus:
    347
    À ce stade là le html est une string, des fonctions de manipulation de chaînes peuvent suffir (chercher la position, remplacer...).
    Mais si le html peut varier et être beaucoup plus complexe que ton exemple, genre être une page html, il faut faire du parsing html (chercher "parse html javascript" dans Google) avec un parser, par exemple DOMParser.parseFromString https://www.delftstack.com/howto/javascript/javascript-parse-html/ ou créer l'élément avec
    document.createElement puis manipuler le DOM (si JQuery est utilisé, créer l'élément est simple, juste entourer la variable de $( ) ).
    Dans tous les cas, ça oblige à copier la variable vers l'objet parser ou l'élément à créer, puis la remettre dans la tableau en écrasant l'ancienne chaîne, ça ne modifie pas "directement" la variable dans le tableau.
     
    #2 rick38, 20 Juin 2022, à 08:01
    Dernière édition: 20 Juin 2022, à 08:07
  3. ABCWEB
    ABCWEB WRInaute passionné
    Inscrit:
    22 Octobre 2015
    Messages:
    1 303
    J'aime reçus:
    174
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Comment modifier un lien hypertexte href en JavaScript ?</title>
    </head>
    <body>
    <a href="https://www.test02.com" id="lien">Aller sur test02.com</a>
    <script>
    document.getElementById('lien').href ="https://www.test01.com";
    document.getElementById("lien").textContent = "Aller sur test01.com";
    </script>
    </body>
    </html>
     
Chargement...
Similar Threads - [JavaScript Array] modifier Forum Date
[JAVASCRIPT] edition de valeurs dans un tableau grâce à AJAX Développement d'un site Web ou d'une appli mobile 26 Septembre 2011
[RESOLU][Javascript] ordre de priorité des évènements Développement d'un site Web ou d'une appli mobile 9 Août 2011
[javascript] afficher quelques chose dans un champ input hidden Développement d'un site Web ou d'une appli mobile 13 Janvier 2009
[Résolu] [Javascript] valider un formulaire par un lien Développement d'un site Web ou d'une appli mobile 22 Octobre 2008
[Javascript] ALert à la fermeture d'une fenêre Développement d'un site Web ou d'une appli mobile 17 Septembre 2008
[Javascript] Google map compatibilité FF et IE :s Développement d'un site Web ou d'une appli mobile 29 Août 2008
[JavaScript / DOM] createElement('script') . distant ? Développement d'un site Web ou d'une appli mobile 9 Mars 2007
[Javascript] savoir où l'utilisateur a cliqué Développement d'un site Web ou d'une appli mobile 14 Décembre 2006
[Javascript]Savoir si acrobat reader est installé Développement d'un site Web ou d'une appli mobile 13 Juillet 2006
[javascript] une fonction appliqué à TOUS mes text-area Développement d'un site Web ou d'une appli mobile 24 Avril 2006
[JavaScript] vérifier que le bouton de souris soit enfoncé Développement d'un site Web ou d'une appli mobile 6 Février 2006
[javascript] trouver le nom des formulaires d'une page Développement d'un site Web ou d'une appli mobile 11 Janvier 2006
[Javascript] Focus et formulaires Développement d'un site Web ou d'une appli mobile 16 Novembre 2005
[JavaScript] Affichage d'un formulaire => Bug Développement d'un site Web ou d'une appli mobile 27 Août 2005
[JavaScript/CSS] Reload sans frame ni iframe Problèmes de référencement spécifiques à vos sites 2 Mars 2005