出现在DOM中的聚合物自定义元素标记

时间:2015-07-01 18:22:35

标签: html css polymer polymer-1.0

我刚开始学习Polymer自定义元素。

我创建了一个非常简单的自定义元素,其用法如下:

<my_custom_element></my_custom_element>  

自定义元素的模板是:

 <template>
   <span>Hello</span>
 </template>

如果我使用Chrome Dev工具检查DOM,我会注意到DOM中出现了my_custom_element标记。我没想到这个。我原以为这个标签会被模板内容所取代。 my_custom_element本身代表什么?

我还读到:host可用于在其定义内部设置自定义元素的样式,并用于设置主题元素本身的样式。但是我再一次不明白主机元素本身的风格是什么意思。是不是由其模板内容定义的主机元素?

1 个答案:

答案 0 :(得分:1)

Web组件模型不使用<my-custom-element>作为占位符,而是使用具有复杂行为及其内容的实际和真实HTML元素。