Javascript Chercher et remplacer dans HTML
lunasky75
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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
A voir également:
- Javascript Chercher et remplacer dans HTML
- Remplacer disque dur par ssd - Guide
- Remplacer dans word - Guide
- Editeur html - Télécharger - HTML
- Remplacer coco - Accueil - Réseaux sociaux
- Quel site pour remplacer coco - Accueil - Réseaux sociaux
1 réponse
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 :
Revient à écrire :
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';
}
