如何将css样式添加到javascript生成的HTML中？

我有一个javascript，可以生成如下HTML：

function showdropdown(name1,sel, param){
        var dval="";
        dval = "<select name=\"" + name1 + "\" id=\"" + name1 + "\" >";
        dval += "<option value=\"\">Option</option>\r\n";';

功能显示下拉列表（名称1、选择、参数）{
var-dval=“”；
dval=“”；
dval+=“选项\r\n”；

我如何添加class=“my_style”呢？这一定非常简单，但不幸的是，我对结合HTML的javascript结构一无所知

我试过这个：

        dval = "<select name=\"" + name1 + "\" id=\"" + name1 + "\" class=\""mystyle"\">";

dval=”“；

---

这不起作用：（

你真的应该对这样的东西使用引号/记号，这比转义引号容易得多

另外，您没有在mystyle上使用加号操作符

 dval = "<select name='" + name1 + "' id='" + name1 + "' class='" + mystyle + "'>";

dval=”“；

是否要添加类

我的风格

或

我的风格

？如果需要

我的风格

，则缺少下划线

如果类名不是变量，则无需添加双引号：

dval = "<select name=\"" + name1 + "\" id=\"" + name1 + "\" class=\"mystyle\">";

dval=”“；

我无法从您帖子中的信息确定，但我猜您的

mystyle

变量没有引用任何内容。您可能正在寻找类似于

dval = "<select name=\"" + name1 + "\" id=\"" + name1 + "\" class=\"my_style\">";

您可以签出它来查看它的实际操作。如果您想了解有关可用DOM方法的更多信息，您可以签出并编写文档

---

评论@Seano666的答案……他说得对，使用这两种引号可以使事情比转义更容易。但是你应该使用外部单引号，作为标准，HTML应该使用双引号。

你似乎知道如何进行字符串连接。为什么你认为添加类与添加r id？非常感谢，这是最详细的回答：）

var divElement = document.createElement('div');
divElement.id = 'some-id'; // Add an ID attribute
divElement.className = 'error'; // Set (and replace any existing) class attribute
divElement.classList.add('bordered'); // Another method of adding a class (no replace)
divElement.textContent = 'Hello, hello!'; // Set the text content… it's all good
document.body.appendChild(divElement); // Append the node to the document