javascript - 在 javascript 数组中使用引号并逐字获取结果

Question

所以我有一个数组，如下所示:

var typeArray = [
"'<span class="class">Text</span>'",
"test",
]

我用如下代码调用数组:

<script> 
            var elem = document.getElementById("pHolderGen1"); 
            var num = 151; 

            for(var i = 1; i <= num; i++) {
                var d = document.createElement('div');
                    d.setAttribute('class', 'pfl');
                    d.innerHTML =  '<p>'  
                    + typeArray[i-1] +  
                    '</p>';
                    elem.appendChild(d);
            }
</script>

现在我知道我在类周围使用引号时数组中存在问题；但是，当我将其更改为:

var typeArray = [
    "'<span class="/"grass"/">Grass</span>'",
    "test",
]

作为摆脱 qoute 问题的尝试，我让它显示的全部是“NaN”。 当我实际运行代码时，我希望它生成(在 html 中):

<p><span class="class">Text</span></p>

所以简而言之，我正在寻找一种方法来解决这个问题，我也想知道它为什么会这样。

Answer 1

更改 "'<span class="class">Text</span>'"至 "<span class='class'>Text</span>"