Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

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,