如何在设置所有属性后动态创建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);