выделение текста путем игнорирования внутренних элементов тега div javascript
<html>
<body>
<script language="javascript">
function getSelectionHTML()
{
var div = document.getElementById("myDiv");
if (document.createRange) {
var textNode=div.firstChild;
var rangeObj=document.createRange();
rangeObj.setStart(textNode,0);
rangeObj.setEnd(textNode,5);
div .innerHTML = div .innerHTML.replace(rangeObj.toString(), '<span style="background-color: lime">'+rangeObj.toString()+'</span>')
}
}
</script>
<div id="myDiv">
asdf as<b>dfas df asf asdf sdfjk dvh a sjkh jhcdjkv</b> iof scjahjkv ahsjv hdjk biud fcsvjksdhf k
</div>
<form name="aform">
<input type="button" value="Get selection" onclick="getSelectionHTML()">
</body>
</html>
Хорошо. Позвольте мне объяснить -> метод getSelectionHTML () предназначен для выбора символов от 0 до 10. Я получаю значения по идентификатору "myDiv". но внутренний жирный, курсив и другие теги доставляют мне неприятности.
Проще говоря, я просто хочу сделать выбор из первых десяти символов (и применить их к тегу span), которые находятся в теге "myDiv".
Что именно мне не хватает?