CodePen Embed - JS-p2-selection-range -ex2

<p id="p">Example: <i>italic</i> and <b>bold</b></p>

<script>
  let range = new Range();

  range.setStart(p.firstChild, 2);
  range.setEnd(p.querySelector('b').firstChild, 3);

  console.log(range); // ample: italic and bol

  // استخدم هذا المدى للتحديد (سيُوضَّح هذا لاحقا)‏
  window.getSelection().addRange(range);
</script>

This Pen is owned by Hsoub on CodePen.

See more by @Hsoub on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.