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 29 30
|
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">
.boite1 {
border: 1px solid #000;
width: 100%;
}
.boite2 {
border: 1px solid #000;
width: 100%;
}
</style>
<script>
function changerCaractere(selecteur,index,char){
var element = document.querySelector(selecteur);
var str= element.innerText;
element.innerText = str.substr(0,index) + char + str.substr(index+1);
}
</script>
</head>
<body>
<div class="boite1">blablabla</div>
<div class="boite2"><img src="boutonA.gif" alt="bouton A" onclick="changerCaractere('.boite1',0,'x')"/>
</div>
</body>
</html> |
Partager