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

我有一个简单的html：

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

问题:

它的格式是h3（文本粗体），而不是p。我的目标是在段落元素中插入连接的数组。我不知道这是否可能。感谢您的帮助/解释。谢谢

更新：

我通常会犯那个错误，但我想这次不会。谢谢大家！我做了所有必要的修改：

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

好奇的：

如果我像这样写上面的代码，为什么会出现数组的副本

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

而且，CSS似乎无法编辑插入的数组（已建立所有链接）：

我认为这与document.write函数有关。再次感谢！帮了大忙，帮了大忙！：）

最后答覆：

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

---

这所房子很干净。

这段文字粗体，因为它用H3标签包裹着。要么去掉H3标签，要么编写一些CSS，比如

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

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

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

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

---

正如dandavis所说，您的p标记被包装在h3标记中，这意味着特定的p标记将继承其父标记的样式元素（在本例中为h3）。您可以将id“target”添加到p标记并删除h3以及文档中的firstElementChild。get.

您的JS很好，但p继承了h3的外观，使其看起来不像其他p标记。要在堆栈溢出中格式化代码，只需缩进四个空格即可。我花了一秒钟才弄明白

在那里做什么。：）首先，你为什么在一个

中有一个

？它没有语义意义。为什么不将

移出

给它自己的id和目标？重复出现是因为你写了两次。一次使用innerHTML，另一次使用较旧的方法（document.write，顺便说一句，在现代社会，您不应该再使用它）。document.write并不是向特定元素（如p标记）写入，而是简单地在脚本标记所在的同一位置将文本扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通扑通。您可以使用Inspector（右键单击>inspect元素）查看页面的当前源代码，并亲自进行调查。@tomysshadow非常感谢！我修好了。我使用Komodo编辑。我认为它没有console.log功能。也从一本相对较老的书中学习。再次感谢！

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

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

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

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