Javascript Chercher et remplacer dans HTML

Fermé

lunasky75 Messages postés 1 Date d'inscription mardi 2 janvier 2018 Statut Membre Dernière intervention 2 janvier 2018 - Modifié le 2 janv. 2018 à 10:16
jordane45 Messages postés 38173 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 10 mai 2024 - 2 janv. 2018 à 10:25

Bonjour,

Je permets solliciter votre aide car je n'y connais rien en Javascript et j'aurais besoin de votre aide sur un bout de code assez simple à réaliser

Celui-ci doit remplacer du code HTML lors du chargement d'une page.
Il y a plusieurs chercher et remplacer car ce code concerne plusieurs page
Voici ce que le Javascript doit faire

Chercher ce bout de code
<a href="/code1.html" title="Code 1" style="display: block;">.
Remplacer par
<a href="/code1.html" title="Code 1" style="display: none;">.

Chercher ce bout de code
<a href="/code2.html" title="Code 2" style="display: none;">.
Remplacer par
<a href="/code2.html" title="Code 2" style="display: block;">.

Chercher ce bout de code
<a href="/code1.html" title="Code 1"><div class="content-bundle" style=" display: none ; ">.
Remplacer par
<a href="/code1.html" title="Code 1"><div class="content-bundle" style=" display: block ; ">.

Chercher ce bout de code
<a href="/code2.html" title="Code 2"><div class="content-bundle" style=" display: block ; ">.
Remplacer par
<a href="/code2.html" title="Code 2"><div class="content-bundle" style=" display: none ; ">.

Chercher ce bout de code
<div style="display: block;">.
Remplacer par
<div style="display: none;">.

Chercher ce bout de code
<div style="display: none;">.
Remplacer par
<div style="display: block;">.

Chercher ce bout de code
<div class="code 1" style="display: block;">.
Remplacer par
<div class="code 1" style="display: none;">.

Chercher ce bout de code
<div class="code 2" style="display: none;">.
Remplacer par
<div class="code 2" style="display: block;">.

Merci pour votre aide

A voir également:

Javascript Chercher et remplacer dans HTML
Rechercher et remplacer word - Guide
Remplacer disque dur par ssd - Guide
Telecharger javascript - Télécharger - Langages
Editeur html - Télécharger - HTML
Html download - Télécharger - HTML

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38173 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 10 mai 2024 4 665
2 janv. 2018 à 10:25

Bonjour,

En JS .. il n'y a pas de CHERCHER/REMPLACER à proprement parlé....
On utilise les ID, les CLASS .. pour CIBLER un (ou plusieurs) éléments et les manipuler.

Par exemple :

<div class="code 1" style="display: block;">.
Remplacer par
<div class="code 1" style="display: none;">.

Chercher ce bout de code
<div class="code 2" style="display: none;">.
Remplacer par
<div class="code 2" style="display: block;">

Revient à écrire :

var elements = document.getElementsByClassName('code 1');
for(var i=0; i<elements.length; i++) { 
  elements[i].style.display='none';
}


var elements2 = document.getElementsByClassName('code 2');
for(var i=0; i<elements2.length; i++) { 
  elements[i].style.display='none';
}

Discussions similaires

&nbsp ; Quelle Fonction ?

Espace en HTML

la balise <br> ou <br />

Javascript Arrondi à 2 chiffres après la virgule

Image cliquable dans html

Discussions similaires

Newsletters