Import custom HTML element with shadow DOM
|
1 2 3 4 |
<!-- importing document --> <link rel="import" href="my-element.html"> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!-- my-element.html --> <template> <!-- HTML, JavaScript, CSS here will not be accessible from importing document --> </template> <script> (function() { var component = document.currentScript.ownerDocument; var tpl = component.querySelector('template'); var MyProto = Object.create(HTMLElement.prototype); MyProto.createdCallback = function() { this.root = this.createShadowRoot(); this.root.appendChild(document.importNode(tpl.content, true)); }; document.registerElement('my-element', { prototype: MyProto }); })(); </script> |
Recent Comments
Nice poetry
— Darius, About
Galėtų būti daugiau komentarų.
— Alter ego, WordPress download and extract script
Jėga!
— Darius, WordPress download and extract script
Search
Recent Posts
Tags
Recent RFCs
- RFC 8241: Interface to the Routing System (I2RS) Security-Related Requirements
- RFC 8242: Interface to the Routing System (I2RS) Ephemeral State Requirements
- RFC 8187: Indicating Character Encoding and Language for HTTP Header Field Parameters
- RFC 8246: HTTP Immutable Responses
- RFC 8247: Algorithm Implementation Requirements and Usage Guidance for the Internet Key Exchange Protocol Version 2 (IKEv2)
Chris Lowis
- Web Audio Weekly has moved
- Notes for my talk 'A brief history of synthesis with the Web Audio API'
- Notes for my talk 'The Origins Of Computer Music'
- Creating dub delay effects with the Web Audio API
- Interview with Adrian Holovaty of Soundslice
- Writing tests for the Web Audio API
- Synthesis with the Web Audio API - Envelopes
- Playing notes with the Web Audio API Part 2 - Polyphonic Synthesis
- Playing notes with the Web Audio API Part 1 - Monophonic Synthesis
- Using YouTube videos in HTML5 presentations