Форум

fcsm_andrei · #1 (**permalink**) 02.11.2019, 22:29

Здравствуйте, подскажите пожалуйста почему после первого значения row него добавляется еще одно. те row[0] вставляется правильно, а в остальных случаях row вставляется еще в 1 row...
т.е.
получается так

<div class="keyboard">
  <div class="row"></div>
  <div class="row">
    <div class="row"></div>
  </div>
  <div class="row">
    <div class="row"></div>
  </div>
  <div class="row">
    <div class="row"></div>
  </div>
  <div class="row">
    <div class="row"></div>
  </div>
</div>

const row = [];

for(let i=0; i<5; i++) {

    row[i] = document.createElement('div');
    row[i].classList.add('row');
    keyboard.appendChild(row[i]);
}

рони · #2 (**permalink**) 02.11.2019, 22:34

fcsm_andrei,
можно сделать полноценный пример?
например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони · #3 (**permalink**) 02.11.2019, 22:59

fcsm_andrei,
вы что-то не договариваите.

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .row {
      height: 40px;
      border: 4px solid #0000CD;
      margin: 4px;
  }
  body{
     counter-reset: num 0;

  }
  .row:before{
      counter-increment: num ;
      content:  counter(num);
      line-height: 40px;
  }

  </style>

</head>

<body>
<div class="keyboard"></div>
  <script>
const keyboard = document.querySelector(".keyboard");
const row = [];
for(let i=0; i<5; i++) {
    row[i] = document.createElement('div');
    row[i].classList.add('row');
    keyboard.appendChild(row[i]);
}
  </script>
</body>
</html>

fcsm_andrei · #4 (**permalink**) 03.11.2019, 01:46

Сообщение от рони

fcsm_andrei,
вы что-то не договариваите.

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .row {
      height: 40px;
      border: 4px solid #0000CD;
      margin: 4px;
  }
  body{
     counter-reset: num 0;

  }
  .row:before{
      counter-increment: num ;
      content:  counter(num);
      line-height: 40px;
  }

  </style>

</head>

<body>
<div class="keyboard"></div>
  <script>
const keyboard = document.querySelector(".keyboard");
const row = [];
for(let i=0; i<5; i++) {
    row[i] = document.createElement('div');
    row[i].classList.add('row');
    keyboard.appendChild(row[i]);
}
  </script>
</body>
</html>

Спасибо, разобрался... заставили перепроверить то, что написал. оказывается inserAdjesentHtml вставлял еще один row

Форум

Справочник

Discord чат

Курсы javascript