kuwalab/Custom Elements sample

## Custom Elements sample
<!DOCTYPE html lang="ja">
<html>
 <head>
  <meta charset="utf-8">
  <title>カスタム要素</title>
 </head>
 <body>
  <x-foo></x-foo><br>
  <x-foo></x-foo>
  <script>
var XFooPrototype = Object.create(HTMLElement.prototype);
XFooPrototype.createdCallback = function() {
  this.innerHTML = '<span style="font-weight: bold; color: red;">あいうえお</span>';
};
XFooPrototype.foo = function() {
  console.log('foo() called');
};

var XFoo = document.registerElement('x-foo', {
  prototype: XFooPrototype
});
</script>
 </body>
</html>
	<!DOCTYPE html lang="ja">
	<html>
	<head>
	<meta charset="utf-8">
	<title>カスタム要素</title>
	</head>
	<body>
	<x-foo></x-foo><br>
	<x-foo></x-foo>
	<script>
	var XFooPrototype = Object.create(HTMLElement.prototype);
	XFooPrototype.createdCallback = function() {
	this.innerHTML = '<span style="font-weight: bold; color: red;">あいうえお</span>';
	};
	XFooPrototype.foo = function() {
	console.log('foo() called');
	};

	var XFoo = document.registerElement('x-foo', {
	prototype: XFooPrototype
	});
	</script>
	</body>
	</html>