| 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 |