Из ссылки в текст через JS

321

23 июня 2017, 06:34

Например есть текст такого рода : "На...поверхности...зуба кариозная полость средней глубины, выполненная светлым рыхлым дентином и т д..." и есть ссылки с номерами зубов такого вида

<a href="javascript:void(0)" onclick="zubgetText(this)" id="18">18</a>

Можно ли сделать так чтоб при нажатии на ссылку в вышеуказанном тексте вместо многоточий попадал номер зуба. Сейчас есть такой JS код ,

<script type="text/javascript">
function zubgetText(el){
document.getElementById('lechenie').value += 
(document.getElementById('lechenie').value ? ', ' : '') + 
el.firstChild.data;
}
</script>

Видно что при таком раскладе при нажатии на ссылку заполняется инпут с айдишником lechenie.

Answer 1

Вот как можно это сделать.

var lechenie_text = document.getElementById('lechenie').innerHTML; 
 
function zubgetText(el){ 
    document.getElementById('lechenie').innerHTML = lechenie_text.replace(/\.\.\./gi, ' '+el.innerHTML+' '); 
}

<span id="lechenie">На...поверхности...зуба кариозная полость средней глубины, выполненная светлым рыхлым дентином.</span> 
<br> 
<a href="javascript:void(0)" onclick="zubgetText(this)" id="18">18</a> 
<a href="javascript:void(0)" onclick="zubgetText(this)" id="10">10</a> 
<a href="javascript:void(0)" onclick="zubgetText(this)" id="8">8</a> 
<a href="javascript:void(0)" onclick="zubgetText(this)" id="4">4</a>

Регулярным выражением проходим по тексту и заменяем все вхождения в тексте, И для того что бы повторно использовать текст, мы сохраняем начальный текст в переменной lechenie_text .