OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Register and create custom element</title> | 4 <title>Register and create custom element</title> |
5 <link rel="author" title="Aleksei Yu. Semenov" href="mailto:a.semenov@unipro
.ru"> | 5 <link rel="author" title="Aleksei Yu. Semenov" href="mailto:a.semenov@unipro
.ru"> |
6 <link rel="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru
"> | 6 <link rel="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru
"> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 <div id="log"></div> | 9 <div id="log"></div> |
10 <script> | 10 <script> |
11 var proto = Object.create(HTMLElement.prototype); | 11 var proto = Object.create(HTMLElement.prototype); |
12 proto.createdCallback = function() { | 12 proto.createdCallback = function() { |
13 document.querySelector('#log').innerText = 'Created callback was cal
led'; | 13 document.querySelector('#log').textContent = 'Created callback was c
alled'; |
14 }; | 14 }; |
15 document.registerElement('x-element', {prototype: proto}); | 15 document.registerElement('x-element', {prototype: proto}); |
16 </script> | 16 </script> |
17 <x-element id="x-element"></x-element> | 17 <x-element id="x-element"></x-element> |
18 </body> | 18 </body> |
19 </html> | 19 </html> |
OLD | NEW |