-2

我正在使用这篇自定义元素文章来学习 HTML5。我正在尝试创建上面文章中提到的自定义元素的非常基本的示例。但我不知道为什么我会出错

ReferenceError: XFoo is not defined while creating custom element using HTML5

代码：

<!doctype html>
<html>
<head>
<script type="text/javascript">

var xFoo = document.createElement('x-foo');
xFoo.addEventListener('click', function(e) {
  alert('Thanks!');
});
var xFoo = new XFoo();
document.body.appendChild(xFoo);
</script>
</head>
<body>
<x-foo>hello</x-foo>
</body>
</html>

请帮我解决小问题。

4

1 回答 1

1

错误是不言自明的：您没有调用XFooJS 可用于创建自定义元素的构造函数。正如您所遵循的教程所述，您需要注册新元素：

var XFoo = document.register('x-foo');

脚本开头的这一行应该可以解决您的问题。

于 2013-09-25T10:22:23.327 回答