Как скрыть ранее добавленный элемент через innerHtml?

Question

[Константин]

Я в условие задал добавление сообщения ошибки, а как в else задать, чтобы надпись эта пропадала?

if(nameVal.length < 2) {
				name.css({'box-shadow':'inset 0 0 10px red'});
 				document.getElementById('demo3').innerHTML = "<p class='myerror'>Текст ошибки 1</p>";
			} 
			if (nameVal.trim().split(" ").length === 2) {
    			  name.css({"box-shadow": "inset 0 0 10px red"});
                          document.getElementById('demo3').innerHTML = "<p class='myerror'>Текст ошибки 2</p>";
			}			
			else {
				name.css({'box-shadow':'none'});
				Как скрыть текст ошибки тут?
			}

Comments

[Dima Polos]

.....innerHTML = ''

[Константин]

Dima Polos, что вы имели ввиду?

Answer 1

[ArtJH]

else{
       document.getElementById('demo3').innerHTML = '';
}

Comments

[Константин]

Тогда первое условие на добавление текста не срабатывает

[Сергей Левченко]

innerHTML = '' - это не скрытие, это замена/удаление

vanilla js

document.getElementById('demo3').style.display = 'none';

jquery
$('#demo3').hide();

ну и видимо условие нужно подправить

if (case1) {
  case1();
} else if (case2) {
  case2();
} else {
  case3();
}