Как добавить div в div js
Ответы
<!-- Добавим стили контейнера-обертки, основного div-a, и стили элементов которые будем создавать внутри-->
<style>
.container {
border: 1px solid black;
width: 300px;
padding: 10px;
margin-bottom: 10px;
}
.element {
border: 1px solid black;
width: 20px;
height: 20px;
background: #green;
display: inline-block;
margin: 5px;
}
</style>
<body>
<div class="container"></div>
<buttоn onсlick="addBox()" type="button">Добавить</button>
</body>
JS-Код в документe:
const addBоx = () => {
const rootDiv = document.getElementsByClassName("container")
const elementDiv = document.createElement("div");
elementDiv.classList.add('element');
rootDiv[0].appendChild(elementDiv)
}
Результат работы:
0
0
