Range.reateContextualFragment() - перетворює текст з тегами у DocumentFragment.
DocumentFragment = range.createContextualFragment( tagString );
DocumentFragment - зміна яка отримує DocumentFragment.
range - об'єкт Range.
tagString - рядок з текстом і тегами який буде перетворено у DocumentFragment.
getClientRects() метод об'єкту Range який створює DocumentFragment з тексту з тегами.
var ran= document.createRange();
var node= document.getElementsByTagName('p')[0];
ran.selectNode(node);
var documentFragment = ran.createContextualFragment('<b style="color:red;">JavaScript</b>');
document.body.appendChild(documentFragment);