Как удалить второй текст div?

Question

[Denis1111]

<div class="line"> 
Рейты вашего сервера (укажите рейты, например: x50):

<input type="text" name="xfield[rate]" id="xfield[rate]" value="" rel="essential">

&nbsp;&nbsp;(обязательно)
 </div>

Есть див и внутри два текста и между ними input.
Вопрос: Как удалить текст после input?

Answer 1

[0xD34F]

Оборачивайте текст в span'ы - тогда и проблем с удалением не будет.

Ну или можно воспользоваться знанием того факта, что ваш текст представляет собой отдельные узлы DOM-дерева:

const div = document.querySelector('.line');
div.removeChild(div.childNodes[2]);

// или

document.querySelector('.line input').nextSibling.remove();

// или

document.querySelector('.line').lastChild.remove();

Comments

[Denis1111]

Спасибо. Сам факт того что его создаёт CMS и просто так не обернуть в span. Помог 2 вариант