⾃定义html标签继承,HTMLDOMcustomElementsdefine（）
⽤法及代码⽰例
的customElementsdefine()⽅法⽤于定义新的⾃定义元素。可以创建两种类型的定制元素：
⾃治的⾃定义元素：这些元素不继承⾃内置 HTML元素。
⾃定义的内置元素：这些元素继承⾃内置 HTML元素。
⽤法:
customElements.define( name, constructor, options );
参数：
name：它指定新的⾃定义元素的名称。⾃定义元素的名称必须包含连字符。
constructor：它为新的⾃定义元素指定构造函数。
options：它指定控制如何定义元素的对象。它是⼀个可选参数。
返回值：此⽅法返回void。
例：在此⽰例中，使⽤此⽅法定义了名为的⾃定义元素，并使⽤名为CustomEl的构造函数。
HTML
GeeksforGeeks
HTML | customElements define() method
click here
var arr =
// Function to define the element
function Geeks() {define的基本用法
class CustomEl extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode:'open' });
this.shadowRoot.innerHTML = `
GeeksforGeeks Custom
Element Data
`;
}
}
// Use the define() method to define
// a new element
window.customElements.define( 'gfg-custom-element', CustomEl); }
输出：
单击按钮之前：
单击按钮后：
⽀持的浏览器：
⾕歌浏览器66.0
边79.0
Firefox 63.0
Safari 10.1
Opera 53.0

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。