Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.
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 |