有沒有辦法在 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>`)