تغيير backcolor من جزء من النص باستخدام جافا سكريبت؟

Question

لدي جزء من النص مع علامات HTML، على سبيل المثال

<b>something</b>

أنا حدد جزءا من النص على سبيل المثال "بعض".

مع getselection (). getrangeat (0)؛ أحصل على وضع Caret (TextCursor)، لذلك أعرف أي جزء من النص الذي اخترته.

لدي startoffet و endoffet. ولكن المشكلة هي، التي تتجاهل StartOffset و EndOffset علامات HTML، وبالتالي فإن الأرقام التي ترجعها ليست سيئة، ثم لا أعرف أي جزء من النص الذي يجب أن أتقدم به

<span style="background-color: somecolor ">some</span>

أي ites كيفية حل هذا؟ شكرا

Answer 1

<b id='str1'>something</b>
<script>
function jsReplace()
{
  var elem = document.getElementById('str1')
  elem .innerHTML = elem .innerHTML.replace('some', '<span style="background-color: somecolor ">some</span>')

}
</script>