Показать сообщение отдельно
  #1 (permalink)  
Старый 18.08.2021, 12:30
Профессор
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 170

Добавление div в конец div
Доброго времени суток!
Необходимо c помощью js в div добавить другой div.
Как сейчас:
<div class="board">
      <div class="row__letter">
        <div class="cell__number">8</div>
        <div class="cell__number">7</div>
      </div>
      <div class="row" id="0">
        <div class="cell"></div>
        <div class="cell"></div>
      </div>
      <div class="row" id="1">
        <div class="cell"></div>
        <div class="cell"></div>
      </div>
    </div>

Как нужно (в конец .board добавить row__letter)
<div class="board">
      <div class="row__letter">
        <div class="cell__number">8</div>
        <div class="cell__number">7</div>
      </div>
      <div class="row" id="0">
        <div class="cell"></div>
        <div class="cell"></div>
      </div>
      <div class="row" id="1">
        <div class="cell"></div>
        <div class="cell"></div>
      </div>
      <div class="row__letter">
        <div class="cell__number">8</div>
        <div class="cell__number">7</div>
      </div>
    </div>


В начало row__letter добавлен след образом:
let board = document.querySelector('.board')
  let rowOne = document.createElement('div')
  rowOne.className = 'row__letter'
  board.append(rowOne)


В конец пытаюсь добавить так, но добавляет либо до первого row__letter, либо после него. А необходимо именно в конце board :
let rowEnd = document.createElement('div') //создаем новый элемент
  rowEnd.className = 'row__letter'
  board.prepend(rowEnd)//или append
Ответить с цитированием