有没有办法在 JavaScript 的动态数组中推送 html div？

Question

我正在尝试使用模板文字将 div 推JavaScript中的数组中，让我举个例子。

var myArray = [];

myArray.push(<div class="example">This is an example</div>); 

然后我可以访问数组中的 div 并显示其内容。 但是我的JavaScript中这一行之后的语句表现得很奇怪。 这让我想知道我是否在做正确的事情。 我将div推入array的方式有什么问题吗？

Answer 1

在参数中添加单引号：

myArray.push('<div class="example">This is an example</div>');

Answer 2

您缺少引号，您必须将其用作字符串：

var myArray = [];

myArray.push('<div class="example">This is an example</div>');

然后将其推送到某个 DOM 元素中以显示它

Answer 3

myArray.push(`<div class="example">This is an example</div>`);

Answer 4

可以使用 ES6 模板文字来插入变量或使其动态化

    let array=[];
    let variable="This is a example";
    array.push(`<div>${variable}</div>`)