js：我可以为作为变量定义一部分的html元素分配类或ID吗？

Question

NOTE: My knowledge of programming is scant.

---

I've got this line of code somewhere:

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

postUrl , postTitle and PostContent have previously been declared.

I'd like to wrap it all up inside a <div> tag that has some class or id assigned to it, as in...

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

But that doesn't seem to work.

Is it because of the quotations getting messed up or is it the wrong way to go altogether?

Answer 1

You have two options:

1. Escaping the " quotes inside your string literal, like this: "<div id=\\"special\\"> <h3>"
2. Or using single quotes ' for either the outer string or inner one (you have the choice) , like this: '<div id="special"> <h3>' or "<div id='special'> <h3>"

I personally prefer '<div id="special"> <h3>' because the generated HTML will contain the " quotes (which is the HTML standard) while keeping the JavaScript more readable and maintainable (compared to using escaped quotes)