@embiid

Как создать несколько div в существующим div блоке?

Как сделать что бы при нажатии кнопки создавалось n кол-тво div в существующем div блоке.

К примеру есть div:
<div class="field"></div>

При нажатии на кнопку я хочу что бы в него создались определенное количество блоков со стилем.

Вот функция js:
function createSmallField() {
    const card = document.createElement('div')
          card.className = 'field-card'

    for(let i = 0; i < SMALL_FIELD; i++) {
        const   insideExistDiv = document.getElementsByClassName('field')
                insideExistDiv.appendChild(card)
    }
}
  • Вопрос задан
  • 2173 просмотра
Решения вопроса 1
joeberetta
@joeberetta Куратор тега JavaScript
Читай: https://epdf.pub/google-for-dummies.html
elem.getElementsByClassName() возвращает кошлекцию, а не конкретный элемент. Т.е. массив.
function createSmallField() {
    const card = document.createElement('div')
          card.className = 'field-card'

    for(let i = 0; i < SMALL_FIELD; i++) {
        const   insideExistDiv = document.getElementsByClassName('field')[0];
                insideExistDiv.appendChild(card)
    }
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы