如题所述
document.registerElement() 函数用来创建自定义的HTML元素。将返回一个构造函数，其中有一个参数选项，用来声明自定义HTML元素的名称，另外有一个可选参数项，用来描述原型的对象，自定义功能的元素。
在下面的示例中，简单的创建了一个新的HTML元素 <x-treehouse> ，并且将它放入到页面中：
var XTreehouseElement = document.registerElement('x-treehouse');
document.body.appendChild(new XTreehouseElement());
下面的HTML就会插入 <body> 元素内：
<x-treehouse></x-treehouse>
自定义元素的名称 必须使用连字符 - ，这样浏览器就可以区分标准元素和自定义元素。这也意味着，不会遇到一个新的HTML元素和定义元素使用相同名称的问题。
在下面的示例中，简单的创建了一个新的HTML元素 <x-treehouse> ，并且将它放入到页面中：
var XTreehouseElement = document.registerElement('x-treehouse');
document.body.appendChild(new XTreehouseElement());
下面的HTML就会插入 <body> 元素内：
<x-treehouse></x-treehouse>
自定义元素的名称 必须使用连字符 - ，这样浏览器就可以区分标准元素和自定义元素。这也意味着，不会遇到一个新的HTML元素和定义元素使用相同名称的问题。
温馨提示：答案为网友推荐，仅供参考
