colorer un mot

**atlamedia** · 02/10/2013, 23h12

salut les développeurs,
j'ai un problème
je veux colorer un mot dans une div. mais le problème que je ne veux pas colorer sauf les mot dans les phrases et pas ce qui est dans les attributs des balise.
voila un exemple :

Code :

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
<html>
	<head>
		<title>Exemple</title>
	</head>
	<body>
		<div id="dvTest">
		<p>salut les developpeurs, soyez le bien venu chez developpez :)</p>
		<p><img src="img/develop.png" alt="develop" title="develop" /></p>
		</div>
	<script type="text/javascript">
		var html=window.document.getElementById("dvTest");
		html.innerHTML=replaceAll("develop","<span style=\"color:#f00;\">develop</span>",html.innerHTML);
		function replaceAll(find, replace, str) {return str.replace(new RegExp(find, 'gi'), replace);}
	</script>
	</body>
</html>

le problème est que la source de l'image et alt et title (les attribués de balise img seront changé.
avez vous une solution à se problème, et merci d'avance.

**n00bs** · 02/10/2013, 23h19

Il serait plus simple de passer par du CSS si ce n'est pas dynamique ou juste sur un évènement passage ou click de souris.

Sinon si tu veux passer par du JS il suffit que tu entoures le texte que tu veux par une balise avec un id="texteRouge" par exemple. Et en JS de mettre ça :

document.getElementById("texteRouge").style.color = 'red';