javascript - html中的正则表达式创建相同的模式

Question

我想创建多个具有相同图案的背景和边框的框，所以我只需要第 n 次创建框，或者是否有任何公式使用该正则表达式并在 html 中重复相同的代码。我想将子类附加到父类框.

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

标签： javascripthtmlcss

Answer 1

正则表达式重复 HTML 是什么意思？您可以使用 JavaScript 将 HTML 重复插入 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>