Tag: dom

Alfabetizar una lista usando JS o jQuery

Estoy intentando tomar el contenido de una lista, que no está en orden alfabético, luego, agregando cada elemento a una matriz, ordenándolos en orden alfabético e insertándolos nuevamente en la lista en orden alfabético. Lenguaje sencillo: necesito alfabetizar una lista usando JS o jQuery. Esto es lo que tengo. Simplemente no puedo averiguar cómo insertar […]

Orden de ejecución de funciones ligadas a un evento en Javascript.

Estaba buscando detalles sobre el orden de ejecución de las funciones vinculadas a un evento de página en javascript, por ejemplo, a través de un EventListener. Por ejemplo, si vinculo tres funciones A (), B () y C () al mismo evento (por ejemplo, DOMContentLoaded), ¿cuál será el orden de ejecución de estas tres funciones? […]

Javascript: cómo desmarcar la gama de contenidos

Esta función utiliza el objeto de rango para devolver la selección del usuario y envolverla en tags en negrita. ¿Existe algún método que me permita eliminar las tags? Como en text = text . Realmente necesito una función de alternancia que envuelva la selección en tags y la desempaquete si ya contiene tags. Similar a […]

¿Cómo eliminar la clase en javascript?

Home …… Ahora, quiero eliminar la class=”now” o establecer el valor de la clase en blanco. Si la url no está en mangento, estoy usando el siguiente código. Pero el no sé cómo escribir la última parte. window.onload = function removeNow() { var div = document.getElementById(“tab1”).getElementsByTagName(“a”); if (window.location.pathname != ‘https://stackoverflow.com/magento/’) { div.removeClass(); } } Gracias.

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 […]

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