javascript - 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);