Menu

Javascript Chercher et remplacer dans HTML

lunasky75 1 Messages postés mardi 2 janvier 2018Date d'inscription 2 janvier 2018 Dernière intervention - 2 janv. 2018 à 10:15 - Dernière réponse : jordane45 21080 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 21 mai 2018 Dernière intervention
- 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
Afficher la suite 

Votre réponse

1 réponse

jordane45 21080 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 21 mai 2018 Dernière intervention - 2 janv. 2018 à 10:25
0
Utile
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';
}


Commenter la réponse de jordane45