Задать вопрос
@tp123

Как правильно добавлять к низу элемента?

Есть функция
function add_input(obj)
{
    var new_input=document.createElement('div');

    new_input.innerHTML='<select name="pattern_type[]">' +
    '<option disabled>Выберите Тип Шаблона</option>' +
    '<option value="content">Контент</option>' +
    '<option value="title">Название</option>' +
    '<option value="photo">Картинка</option>' +
    '<option value="file">Файл</option>' +
    '<option value="delet_text"> Удалить текст</option>' +
    '<option value="delet_pattern"> Удалить шаблон</option>' +
    '</select> <input name="pattern_value[]"> <input type="button" value="-" onclick="del_input(this.parentNode)">';

    if (obj.nextSibling){
        console.log(obj.nextSibling);
        document.getElementById('inputi').insertBefore(new_input,obj.nextSibling)
    }else{ document.getElementById('inputi').appendChild(new_input);}
}


Новые элементы добавляются к верхним элементам, а мне необходимо добавлять в нижним.
  • Вопрос задан
  • 124 просмотра
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
Ну вам достаточно убрать условие if и все новые элементы будут добавляться в низ:
Вместо:
if (obj.nextSibling){
        console.log(obj.nextSibling);
        document.getElementById('inputi').insertBefore(new_input,obj.nextSibling)
    }else{ document.getElementById('inputi').appendChild(new_input);}

Оставьте:
document.getElementById('inputi').appendChild(new_input);
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@tp123 Автор вопроса
Балагадарю!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы