Document.registerElement()

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Imagen:traduccion-pendiente.png Esta página está traduciéndose a partir del artículo DOM:element.registerElement, razón por la cual puede haber algunos errores sintácticos o partes sin traducir. Puedes colaborar continuando con la traducción

Borrador
Esta página no está completa.

El Document.registerElement() registra un nuevo elemento personalizado en el navegador y devuelve un constructor para el nuevo elemento.

Nota: Esta es una tecnología experimental. El navegador que utilice debe ser compatible con Web Components. Ver Web Components habilitados en Firefox.

Sintaxis

var constructor = document.registerElement(tag-name, options);

Parámetros

tag-name
El nombre del elemento personalizado. El nombre debe contener un guión (-), por ejemplo my-tag.
options Optional
Un objeto que da nombre al prototipo que sirve de base para el elemento personalizado, y una etiqueta existente para extender. Ambos son opcionales.

Ejemplo

Aquí hay un ejemplo muy simple:

var Mytag = document.registerElement('my-tag');

Ahora el nuevo tag se ha registrado en el navegador. La variable MyTag contiene un constructor que lo puedes usar para crear un elemento my-tag  en el documento de la siguiente manera:

document.body.appendChild(new Mytag());

Esto inserta un elemento my-tag vacío que será visible si utiliza las herramientas de desarrollo del navegador. No será visible si usa la capacidad de ver el código fuente del navegador. Y no será visible en el navegador a menos que agregue algún contenido para la etiqueta. Esta es la manera de agregar contenido a la nueva etiqueta:

var mytag = document.getElementsByTagName("my-tag")[0];
mytag.textContent = "I am a my-tag element.";

Especificaciones

Especificación Estado Comentario
Custom Elements Working Draft Definición inicial

Compatibilidad del navegador

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 35 31 (behind a flag) No support 25 No support
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 4.4.4 31 (behind a flag) No support 25 No support

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: AlePerez92, mclo, chrisdavidmills
 Última actualización por: AlePerez92,