js：我可以为一个html元素分配一个类或一个id，它是变量定义的一部分吗？

Question

注意：我对编程的了解很少。

我在某个地方有这行代码：

var item = "<h3>" + '<a href="' + postUrl + '" target="_blank">' + postTitle + "</a> </h3> <p>" + postContent + "</p>";

postUrl，postTitle和PostContent之前已被宣布过。

我想将其全部包含在<div>标记中，该标记分配了一些类或ID，如...

var item = "<div id="special"> <h3>" + '<a href="' + postUrl + '" target="_blank">' + postTitle + "</a> </h3> <p>" + postContent + "</p> </div>";

但这似乎不起作用。

是因为报价搞砸了还是完全错误的方式？

Answer 1

您有两种选择：

1. 转义字符串文字中的"引号，如下所示："<div id=\"special\"> <h3>"
2. 或者使用单引号'作为外部字符串或内部字符（您可以选择），如下所示：'<div id="special"> <h3>'或"<div id='special'> <h3>"

我个人更喜欢'<div id="special"> <h3>'，因为生成的HTML将包含"引号（这是HTML标准），同时保持JavaScript更易读和可维护（与使用转义引号）