javascript - 设置所有属性后如何动态创建Polymer自定义元素？

Question

问题是当我尝试以这种方式创建自定义元素时

var el= document.createElement('my-el');
el.setAttribute('tag-model', "[[myBinding]]");

它创建没有其属性的元素。如何构造自定义元素及其所有属性，然后附加到 HTML 来初始化它们？

谢谢!

Answer 1

参见this

它基本上是说要这样做:

var dynamicEl = document.createElement("my-element");
dynamicEl.setAttribute("id", "my-element-id");
dynamicEl.setAttribute("greeting", "Hello, Good Morning.");
document.body.appendChild(dynamicEl);

但是，如果您想直接更改属性，则无法使用setAttribute。你必须这样做:

var dynamicEl = document.createElement("my-element");
dynamicEl.greeting = 'Waaazaaaa???';
document.body.appendChild(dynamicEl);