Я хочу напечатать элемент абзаца, чтобы он включал номер идентификатора от 1 до 100. Я хочу, чтобы javascript печатал их вместо того, чтобы писать их вручную.

HTML код:

      <div id="shields">
       <p class="houses" id="1">HOUSE 1</p>
       <p class="houses" id="2">HOUSE 2</p>
       <p class="houses" id="3">HOUSE 3</p>
       <p class="houses" id="5">HOUSE 4</p>
       <p class="houses" id="6">HOUSE 5</p>
       <p class="houses" id="7">HOUSE 6</p>
       <p class="houses" id="4">HOUSE 7</p>
       <p class="houses" id="8">HOUSE 8</p>
       <p class="houses" id="9">HOUSE 9</p>
       <p class="houses" id="10">HOUSE 10</p>
      </div> 

Что-то вроде этого, где у Дома 1 номер идентификатора 1. Домашняя печать

-1
ArdiaN 25 Сен 2021 в 23:21

2 ответа

Лучший ответ

Вы можете использовать цикл javascript for, чтобы добиться этого, как показано ниже.

for (let i = 1; i <= 100; i++) {
  let ptag = document.createElement('p');
  ptag.classList.add('houses');
  ptag.id = i;
  ptag.innerHTML = `HOUSE ${i}`;
  document.getElementById('shields').appendChild(ptag);
}
<div id="shields">
</div>
0
Vishnu Vinod 25 Сен 2021 в 20:29

Вы можете использовать цикл for для перехода от 1 к 100 и динамического добавления HTML в div:

for (let i = 1; i < 101; i++) {
  shields.innerHTML += `<p class="houses" id="${i}">HOUSE ${i}</p>`;
}
<div id="shields"></div>
0
Spectric 25 Сен 2021 в 20:30