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。我的目标是在sections元素中插入连接的数组。我不知道它是否可能。任何帮助/解释表示赞赏。谢谢！

更新：

我经常抓住这个错误，但我想不是那个时候。谢谢大家！我做了所有必要的修改：

<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 功能有关。再次感谢！很好的帮助，很大的帮助！：）

最终答案：

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'

Answer 2

正如dandavis所说，你的p标签被包装在一个h3标签中，这意味着那个特定的p标签将继承它的主要标签的样式元素，在这种情况下是h3。您可以添加ID＆＃39; target＆＃39;到p标记并删除文档中的h3以及firstElementChild。

基本帮助将javascript中的数组插入HTML中的paragraph元素

2 个答案: