Javascript Chercher et remplacer dans HTML

**yoan7518** · 31/12/2017, 16h35

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

**melka one** · 01/01/2018, 18h38

jour

il faut modifier le style des éléments voici un exemple

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html >
<html>
<script type="text/javascript">
 
function afficher_cacher() {
 
var elem=document.getElementById("le_nom")
 
 
        if(elem.style.display=='block'){
                elem.style.display='none';
        }
 
        else{
                elem.style.display = 'block';
        }
}
 
</script>
</head>
<body>
 
<button onclick='afficher_cacher()'>teste</button>
<br/><br/>
<a href="/code1.html" id="le_nom" title="Code 1" style="display: block;">le lien</a>
 
</body>
</html>

**yoan7518** · 01/01/2018, 21h09

Merci pour ta reponse mais dans mon code, il n'y pas de de "id"
Donc la méthode

document.getElementById

Ne fonctionne pas

**Beginner.** · 02/01/2018, 13h13

Salut,

Il t'a juste donné un exemple pour le principe après pour ton cas il faut choisir les sélecteurs qui conviennent...

Mais dans ce que tu demandes il me semble qu'il y a des contradictions, par exemple on a plusieurs fois le lien : <a href="/code1.html" title="Code 1">... Est-ce normal ?

Sinon par exemple ce lien ci-dessus eh bien je pense que tu pourrais y accéder avec : document.querySelector("a[href='/code1.html']") ou si tu veux être plus précis (ce qui n'est pas forcément nécessaire) avec : document.querySelector("a[href='/code1.html'][title='Code 1']")...

Bon je n'ai pas testé...

Javascript Chercher et remplacer dans HTML

JavaScript

Vue hybride

Discussions similaires

Partager

Partager