Как удалить class у родителя если textarea не пустой?

Question

[Дмитрий]

Доброе утро!
Есть блок с textarea, который по умолчанию скрыт.

<div class="conteiner hide_block">
<textarea class="add__info" type="text" name="info" id="info"></textarea>
</div>

.hide_block {display:none;}
Как удалить hide_block когда текстовое поле не пустое?

Копаюсь в гугле пол ночи, толком ничего не нашёл(

Answer 1

[Пашенька]

if (document.getElementById('info').value !== '') {
    document.getElementById('info').parentElement.classList.remove('hide_block');
}

Comments

[Дмитрий]

Не срабатывает, у блока так и присвоен класс.

[Пашенька]

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

[Дмитрий]

like-a-boss, Через консоль смотрю, вместо textarea подставляется div contentable, может быть из-за этого?

[Пашенька]

Дмитрий, естественно. В DOM(по крайней мере в этом отрывке) нет того элемента, что вы привели в вопросе.

Не знаю какие цели вы преследуете, но смотреть нужно именно сюда в DOM (f12), а не «исходный код страницы».

[Andrew]

Дмитрий, Если вы скрываете родительский элемент - скрыты и потомки. Как вы его заполните?
По идее, вам нужно смотреть на событие input и на его основе добавлять класс

Answer 2

[Дмитрий]

Решил другим способом.

$(document).ready(function() {
    .infonext_block .fr-element').text()) {  
        $('.fr-element').closest('.infonext_block').removeClass('input_remove').css('display', 'block');
    }});