Tag: dom

Error mientras el selector de consulta en valor numérico

Estoy intentando establecer un valor de checkbox para un componente de filtro utilizando el selector de consulta (sin jQuery). Si el valor del elemento es cadena, la selección de la consulta es exitosa, sin embargo, si es un valor numérico, falla. Manufacturer Apple Screen Size 16 GB Select document.querySelector(‘button’).addEventListener(‘click’, function() { document.querySelector(‘input[name=manufacturer][value=apple]’).checked = true; document.querySelector(‘input[name=storage][value=16]’).checked […]

¿Cómo editar (recortar) un video en el navegador?

Estoy tratando de recortar la duración de un video dentro del navegador, desde el principio o el final. Lo que actualmente tengo es un MediaStream que se está grabando con la API MediaRecorder, que uso para producir un Blob al final de la grabación con el tipo configurado en ‘video / mp4’. Esto funciona muy […]

Recursión hacia abajo del árbol DOM

Este es el código de JavaScript de Crockford: The Good Parts. var results = []; var walkDOM = function (node,func) { func(node); //What does this do? node = node.firstChild; while(node) { walkDOM(node,func); node = node.nextSibling; } }; Entiendo el código a excepción de func(node) . Supongo que el punto es pasar el node como parámetro […]

¿Está verificando la preparación del DOM?

Estoy desarrollando una plataforma para desarrollar aplicaciones de escritorio con tecnologías web. En el transcurso de este proceso, he estado tratando de obtener una funcionalidad de documento / listo para trabajar con el navegador que voy a integrar en la plataforma. Es por eso que anteriormente hice esta pregunta aquí en SO: javascript-framework-that-ante todo-proporciona-solo-documento-en-listo-funcionalidad Sin […]

Insertar una estructura div anidada con createDocumentFragment

¿Cómo usas createDocumentFragment para crear siete elementos div nesteds en un hit? Quiero crear un contenedor A que contenga A1, A2, A3 y A4, y luego A2a y A2b dentro de A2. Nota: esta es una pregunta de seguimiento para esto que explica createDocumentFragment, pero no cómo anidar divs usándolo. La respuesta dada fue la […]

Copia “externa” del DOM para hacer manipulaciones.

Recientemente he visto un video de Nicholas Zakas hablando sobre scripts de alto rendimiento. Esta es sobre reflujo y repintado. él dice que es malo hacer un reflujo constante que se mueve y cambia el diseño, cambia las dimensiones, etc. Respondí una pregunta sobre Transferencia de desbordamiento de una división a otra : lo que […]

Seleccione el elemento Element by CSS style (todos con el estilo dado)

¿Hay una manera de seleccionar todos los elementos que tienen un estilo dado usando JavaScript? Por ejemplo, quiero todos los elementos absolutamente posicionados en una página. Supongo que es más fácil encontrar elementos por estilo donde el estilo se declara explícitamente: el estilo no es heredado (como el posicionamiento) El estilo no es el predeterminado […]

REGEX – Resaltar parte sobre 19 caracteres

Hola, Tengo algo de texto dentro de div[contenteditable=”true”] y debo resaltar ( span.tooLong ) la parte que supera el límite de 19 caracteres. El contenido en div puede tener tags o entidades HTML y éstas deben ignorarse al contar hasta 19. Twitter tiene una forma similar de resaltar un tweet demasiado largo: Ejemplos: This is […]

¿Invocar angular.bootstrap en “n” nodos DOM múltiples, crear una instancia de “n” aplicaciones AngularJS?

¿Es correcto decir que invocar angular.bootstrap creará una nueva instancia de AngularJS, junto con un ciclo de resumen separado, scope de raíz, inyector, etc.? Si es así, ¿es posible anidar dichas aplicaciones (es decir, invocar bootstrap en nodos DOM dentro del DOM administrado por otra aplicación AngularJS)? (Supongo que no!)

¿Cómo insertar HTML antes del elemento en JavaScript sin jQuery?

¿Cómo puedo reescribir esta operación jQuery en JavaScript puro? $(“#my_id”).before(‘*’);

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.