por ejemplo para this.parentNode me gustaria solo escribir this.p o en lugar de
document.getElementById('someid') solo escribe document.g('someid'). Por supuesto que son ejemplos simples, solo quiero saber cuál es la forma correcta de hacerlo.
(Sé que puedo usar jQuery o Prototype, pero me gustaría aprender cómo se hace realmente en JS)
scunliffe
Aunque tú poder prototipo en el HTMLElement en muchos navegadores – Internet Explorer (6,7,8) es NO uno de ellos. AFAIK, IE9 admite esto (aunque no lo he probado).
Para los navegadores que lo manejan, puede hacer:
HTMLElement.prototype.doHello = function(thing){
console.log(this + ' says: ' + thing)
}
document.body.doHello('hello')@Flash Thunder: indiqué que en la respuesta … IE6,7,8 definitivamente estaban fuera de la mesa de ‘soporte’.
– scunliffe
21 nov.
sí, pero puedes simplemente usar Object en vez de HTMLElement
– Trueno relámpago
21 nov.
Pero el OP quería vincular métodos en los elementos HTML en sí mismos: usar un objeto externo anularía ese propósito … momento en el que sería mejor algo como jQuery (ya que han resuelto esto y mucho más)
– scunliffe
21 nov.
Pero con HTMLElement.prototype.… no puedes tener un elemento objetivo con this de self (como cuando por ejemplo String.prototype.…) 🙁
– iiic
23 ago. 18 en 11:48
Tim abajo
Recomiendo encarecidamente no intentar hacer esto, por algunas razones:
HTMLElement prototipo y permitirle aumentarlo, no hay garantía de que funcione como espera.HTMLElement prototipo, corre el riesgo de colisiones de nombres y errores difíciles de detectar.En su lugar, sugeriría crear objetos envolventes alrededor de los nodos DOM como lo hacen jQuery, YUI y otras bibliotecas.
Kangax ha escrito un buen artículo sobre extensibilidad DOM, cubriendo todos estos puntos y más.
¿Estás seguro de jQuery? Según tengo entendido, jQuery está extendiendo elementos DOM y otros elementos cuando .data() se usa – github.com/jquery/jquery/blob/master/src/data/Data.js
– JojOatXGME
30 mar. 17 a las 12:48
@JojOatXGME: Sí, en el caso específico de data(), jQuery almacena una propiedad “expansión” (pero no un método) en el elemento DOM. Sospecho que también puede usar expandos para rastrear oyentes de eventos y posiblemente otras cosas. Sin embargo, el punto general se mantiene: la API de jQuery proporciona una funcionalidad DOM extendida a través de objetos de contenedor en lugar de extender el DOM en sí. La extensión que le hace al DOM se usa solo internamente.
– Tim Abajo
31 mar. 17 a las 15:07
En una palabra, no. es mejor no modificar objetos que no son de su propiedad.
Esto es particularmente cierto para HTMLElement, que no puede modificar en algunos navegadores.
.