Regular expression in html to create same pattern

Question

I want to create multiple boxes with background and border with same pattern, So I just have to create boxes nth time or is there any formula which use that regular expression and repeat the same code in html.I want to append child with parent class box.

<div style="border: 1px solid gray;background-color: black;width: 10px;height: 10px "></div>

Does this answer your question? [Reference - What does this regex mean?](https://stackoverflow.com/questions/22937618/reference-what-does-this-regex-mean) — Alireza, Nov 05 '20 at 12:33
You can do with the help of `javascript` but not purely HTML — Naveed Ramzan, Nov 05 '20 at 12:35

mplungjan · Accepted Answer · 2020-11-05T14:07:19.030

0

What do you mean by regex to repeat HTML? You can use JavaScript to repeatedly insert HTML into the DOM

const div = document.createElement("div");
div.classList.add("boxDiv");
const HTML = Array.from(Array(10).keys()).map(i => div.cloneNode().outerHTML).join("")
document.querySelector(".box").innerHTML += HTML

.boxDiv { border: 1px solid gray;background-color: black;width: 10px;height: 10px }

<div class="box">
</div>

edited Nov 05 '20 at 14:07

answered Nov 05 '20 at 12:34

mplungjan

134,906
25
152
209

i want to append child with div class="box"; it append at the end of body – Raja Tayyab Janjua Nov 05 '20 at 13:33

Regular expression in html to create same pattern

1 Answers1