Javascript Chercher et remplacer dans HTML

Version imprimable

31/12/2017, 16h35
yoan7518

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

jour

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

Code:

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>

01/01/2018, 21h09
yoan7518

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

document.getElementById

Ne fonctionne pas
02/01/2018, 13h13
Beginner.

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é...