我有一个自定义元素定义如下:
class SquareLetter extends HTMLElement {
constructor() {
super();
this.className = getRandomColor();
}
}
customElements.define("square-letter", SquareLetter);
当JavaScript文件包含在HTML <head>标记中时,Chrome控制台会报告此错误:
未捕获的DOMException:无法构造"CustomElement":结果必须没有属性
但是当JavaScript文件包含在</body>结束标记之前时,一切正常.什么原因？
<head>
<script src="js/SquareLetter.js"></script> <!-- here -->
</head>
<body>
<square-letter>A</square-letter>
<script src="js/SquareLetter.js"></script> <!-- or here -->
</body>