javascript - 关于将 javascript 中的数组插入 HTML 中的段落元素的基本帮助

Question

我有这个简单的 html:

<h3 id='target'>
   <p> <!--insert javascript joined array here ---> </p>
</h3>

还有这个简单的 Javascript:

var letters = ["a", "b", "c", "d"];

var joinedLetters = letters.join(", and ");

var getElement = document.getElementById("target").firstElementChild;

getElement.innerHTML = joinedLetters;

问题:

输出格式为 h3(文本粗体)而不是 p。我的目标是在段落元素中插入连接数组。我不知道这是否可能。任何帮助/解释表示赞赏。谢谢!

更新:

我通常会发现那个错误，但我想那一次不会。谢谢大家!我做了所有必要的更改:

<h3>Joined</h3>
<p id='target'><!--insert joined array here--></p>

还有JS(不包括上面的数组JS)。这似乎是我想要的结果:

var getElement = document.getElementById("target").innerHTML;
document.write(getElement = joinedLetters);

好奇:

我上面这样写代码怎么会出现重复的数组呢？:

var getElement = document.getElementById("target");
document.write(getElement.innerHTML = joinedLetters);

而且，插入的数组似乎无法通过 CSS 进行编辑(所有链接均已建立):

p {color: red}

我认为它与 document.write 函数有关。再次感谢!好 helper ，好 helper ! :)

最终答案:

var getElement = document.getElementById("target");
getElement.innerHTML = joinedLetters;

这房子很干净。

Answer 1

该段落是粗体的，因为它包含在 H3 标签中。要么去掉 H3 标签，要么写一些 CSS，比如

h3#target > p { font-weight:400; }

不确定您是否试图在输出中保留引号，但您也可以这样做......

var joinedLetters = "'" + letters.join("','") + "'";

// 'a','b','c','d'