كود تلوين حرف أو نص معين داخل نص كبير بإستعمال جافا سكريبت

كود بسيط لتبديل وتلوين حرف أو مقطع معين متكرر بداخل نص كبير. استعمل جافاسكريبت لفعل ذلك. يمكن ايضاً استعمال CSS Behaviours لكنها في النهاية عبارة عن كود جافاسكريبت ايضاً.

النص الأصلي الذي سأقوم بمعالجته:

مرحبا ، هذا هو النص الذي سأبحث بداخله على الحرف "ب" - يجـب ان اسمي هذا النص بإسم معين بواسطة المعطى id .. ومن بعدها اشغل الدالة colorLetter(id,letter); وهي ستقوم بجلب النص - تبديل الحرف "ب" ب <span class='red'>ب</span> وترجع النص المعالج للنص الأصلي.

الحل الأول الحزئي أعطى

الحل الثاني مع ضبط نهايات الأحرف يعطي التالي

<script language="javascript1.2">
function colorLetter(target,ltr){

  var regex = new RegExp(ltr,'g');

  var obj=document.getElementById(target);

  var txt=obj.innerHTML;

  obj.innerHTML=txt.replace(regex,'<span class="red">'+ltr+'</span>');

  }

  </script>


The style RED
<style type="text/css">
<!--
.red{color:red;}
-->
</style>