Как удалить span в теле div?

Question

[Андрей Шевелев]

Ситуация такая: есть span в теле div. о нем неизвестно ничего, мы просто знаем что он есть и все. помимо него в теле div есть еще элементы, которые трогать нельзя, то есть нужно удалить конкретный span.
я пробовал удалить span, получив его через getElementsByTagName, посредством removeChild(), но в таком случае выводилась ошибка "Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'". Как преобразовать получаемый span к узлу я не понимаю. что все таки надо сделать в данной ситуации?

Answer 1

[Андрей Шевелев]

все таки можно удалить span, получая его по имени тега, нужно лишь вспомнить, что в таком случае мы получаем массив элементов с тегом span, следовательно надо указать на конкретный элемент массива

var elementDom = document.getElementById('id_div');
elementDom.removeChild(elementDom.getElementsByTagName('span')[0]);

Answer 2

[msdosx86]

const necessarySpan = document.querySelector('div.your-class > span');
  document.removeChild(necessarySpan);

Comments

[Андрей Шевелев]

а что означает строка 'div.your-class > span'?

[alex]

Андрей Шевелев, держите

Answer 3

[ReActor Дмитрий Вершанский]

Не совсем понятно, по какому сценарию он (ввиду чего / условие) этот span должен быть удален?
ну а так в целом если говорить о прямом исключении элемента из потока:

<span id="removeSpan">привет, я span! И я очень хочу удалиться</span>

function remove() {
var removeSpan = document.getElementById('removeSpan');
      removeSpan.style.display = 'none';
}

Comments

[Андрей Шевелев]

я делаю валидацию формы на нативном js. при ошибке валидации запускается функция у которой в параметрах есть ссылка на input и текст ошибки либо null, вместо текста ошибки. если текст ошибки есть, то добавляется span с текстом ошибки, если вместо текста ошибки указан null, то надо удалить span. с чем у меня и возникли проблемы