Comment remplacer la valeur texte d'un élément dans Locator & Pages?

Remplacer la valeur texte d'un élément via JavaScript

Last updated on July 12th, 2021

Cet article explique comment remplacer la valeur texte d'un élément sur une page du localisateur. L'exemple suivant sera effectué avec l'adresse courriel.

Avertissement

La solution suivante a été créée et testée avec une certaine version de Locator & Pages. Veuillez noter que cette solution pourrait ne pas entièrement fonctionner avec une version future du localisateur et que nous ne garantissons pas le support de cette solution.

Remplacer l'adresse courriel via Javascript

Cet exemple utilise JavaScript pour remplacer la valeur texte d'un élément par un texte prédéfini. Dans cet exemple, l'adresse courriel sera remplacée par un texte générique «Contactez-nous».

Le script

window.setInterval(function() {
    Array.from(document.getElementsByClassName('ubsf_details-email')).forEach(function(el) {
        var innerLink = el.querySelectorAll('a')[0];
        innerLink.text = 'Contactez-nous';
    });
}, 500);

Le script ci-dessus sélectionne l'élément 'ubsf_details-email' et remplace sa valeur texte par l'entrée souhaitée avec innerLink.text - dans cet exemple "Contactez-nous".

Exemples

JSfiddle avec JavaScript exposé: https://jsfiddle.net/n81r2dxv/1/

JSfiddle avec JavaScript téléversé: https://jsfiddle.net/n81r2dxv/2/


Appliquer à d'autres éléments

Le concept ci-dessus pourrait également s'appliquer à d'autres éléments. Pour ce faire, remplacez le ('ubsf_details-email') dans document.getElementsByClassName par l'élément dont vous souhaitez modifier le texte.

Changer le texte

Le texte utilisé peut être modifié en modifiant la valeur de innerLink.text.


Lire la suite: Localisateur et pages - JavaScript pour présélectionner un filtre

Was this article helpful?

Save as PDF