Articles of element

Anexar elementos con niños y classs utilizando jQuery

Intento crear una tabla de cuadrícula usando jQuery. Así que insiste en agregar esos elementos a la página html: <div id="grid" class="gridTable"> <div class="row"> <span class="cell head"></span> <span class="cell head"></span> <span class="cell head"></span> </div> <div class="row"> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> </div> <div class="row"> <span class="cell"></span> <span class="cell"></span> <span class="cell"></span> </div> <div class="row"> <span […]

Cálculo de qué niño es # un elemento

Así que tengo varias diapositivas en una página y un elemento de menu para cada una de ellas. Si se hace clic en el elemento de menu n. ° 1, quiero ir a la diapositiva n. ° 1 y así sucesivamente. No hay problema hasta ahora, pero no quiero codificarlo para cada elemento. ¿Hay alguna […]

No se puede cambiar el valor de un elemento en matriz

Aquí está el código: HTML: <div id="ID1"> <a href="www.google.com">click</a> </div> <a href="www.yahoo.com">click</a> JS: var element = document.querySelector("a[href^='www.google.com']"); console.log(element); // this returns the <a> object element = element.parentNode; console.log(element); // this returns the <div> object funcionó perfecto Pero, aquí está la segunda parte: var elements = document.querySelectorAll("a[href^='www.google.com']"); console.log(elements[0]); //this returns <a> object elements[0] = elements[0].parentNode; console.log(elements[0]); […]

El elemento React no representa

He intentado renderizar un elemento simple usando React. Por alguna razón, ejemplos muy similares funcionan, pero mi código simplemente no puede funcionar. No puedo ver ningún error, ¿me pueden avisar? <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React</title> <script src="https://fb.me/react-0.14.6.js"></script> <script src="https://fb.me/react-dom-0.14.6.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel"> var ExampleElement = React.createClass({ […]

¿Cómo creo un cuadro de búsqueda como en codelabs.developers.google.com?

Estoy usando Polymer 1.8 (plantilla del kit de inicio). Quiero saber cómo crear un elemento personalizado de filter de búsqueda como el que se encuentra en https://codelabs.developers.google.com/ Resultado deseable: Como puede ver, filtra las tarjetas debajo de él, con cada pulsación de tecla escrita en la barra de búsqueda, dejando solo las tarjetas que contienen […]

Obtener contenido específico de responseText

Estoy haciendo una llamada ajax y obtengo el contenido de responseText . Confirmo mediante el uso de alert que en el interior, el text de responseText contiene toda la página como una string . Esta bien. Ahora necesito extraer contenidos específicos de la cadena convirtiéndolos a DOM y usando getElementsByTagName , getElementsByName etc … Mi […]

Cambio de estilo eficiente de JavaScript en toda la class de elementos

En un ejemplo de un escenario muy común, donde necesitamos cambiar el estilo de una class completa de elementos, tenemos un código (simplificado y generalizado) que se ve así: var elements = document.getElementsByTagName('div'); for (var i = 0; i < elements.length; i++) if (elements[i].className == 'HideMe') elements[i].style.visibility = 'hidden'; Obtiene todos los elementos div del […]

instanceof HTMLElement en IFRAME no es Elemento u Objeto?

Probando un elemento DOM determinado por simple comprobación isElement = SomeThing instanceof Element funciona en el documento principal, pero no en (¿todos?) nodos en iframe. Ejemplo de salida (Google Chrome): (mdiv es DIV en el documento principal, idiv es DIV en iframe) OMGWTF ok: mdiv instanceof Element … true … [object HTMLDivElement] ok: mdiv instanceof […]

Cómo crear una nueva instancia de una class extendida de elementos personalizados

Estoy probando el ejemplo del sitio del desarrollador de Google y obtengo el error: "TypeError: constructor ilegal. ¿Qué ocurre y cómo solucionarlo? class FancyButton extends HTMLButtonElement { constructor() { super(); // always call super() first in the ctor. this.addEventListener('click', e => this.drawRipple(e.offsetX,e.offsetY)); } // Material design ripple animation. drawRipple(x, y) { let div = document.createElement('div'); […]

this.name devuelve indefinido en javascript

Estoy intentando crear de forma remota un onclick para cada div (para ahorrar time de tipeo). Aquí está la function window.onload; window.onload = function() { divel = document.getElementsByTagName('div'); for(var el in divel){ divel[el].onmouseover = function(){ this.style.textDecoration = "underline"; }; divel[el].onmouseout = function(){ this.style.textDecoration = "none"; }; divel[el].onclick = function(){ document.getElementById('game').src = "/games/" + this.name; }; […]