Javascript Chercher et remplacer dans HTML
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
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
1 réponse
-
ModérateurBonjour,
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'; }