带破折号的JS createElement参数

Question

我正在用createElement函数创建新元素。它运行良好。然而，我开始使用一些外部SDK，其中我需要为一些元素设置param-bad参数。但它不起作用。

代码：

var element = document.createElement("div");
element.param_good = "value";
element.param-bad = "value";

当我尝试添加一些值的param-bad时，我得到了一个错误：

Uncaught SyntaxError: Invalid left-hand side in assignment

此外，param_good当然工作良好。

我该如何解决这个问题？

Answer 1

我认为您想要为新创建的div元素设置一些属性。您可以使用setAttribute()来执行此操作。

let element = document.createElement("div");
element.setAttribute('param_good', 'value');
element.setAttribute('param-bad', 'value');
element.innerHTML = 'Demo text';

document.body.append(element);