Custom Element
自定义标签
两个硬性要求:
1、标签名必须带横杠'-',如<my-tag>
2、其prototype扩展自HTMLElement
注册自定义标签:
document.registerElement(tagName, prototype);
Demo:
<template> <!-- Full of image slider awesomeness --> </template> <script> // Grab our template full of slider markup and styles var tmpl = document.querySelector('template'); // Create a prototype for a new element that extends HTMLElement var ImgSliderProto = Object.create(HTMLElement.prototype); // Setup our Shadow DOM and clone the template ImgSliderProto.createdCallback = function() { var root = this.createShadowRoot(); root.appendChild(document.importNode(tmpl.content, true)); }; // Register our new element var ImgSlider = document.registerElement('img-slider', { prototype: ImgSliderProto }); </script>