Articles of dom

Extensión de Chrome, leyendo un contenido de elemento HTML.

Estoy tratando de desarrollar una extensión para el navegador Chrome. Sé lo que quiero lograr, pero hay muchas maneras de lograrlo, algunas son más complicadas que otras. Deseo analizar el contenido del correo electrónico que se ve actualmente, realizar un procesamiento en él, y luego reemplazar el contenido original con el modificado. Quiero usar la […]

¿Cuál es la diferencia de representación entre un span y una etiqueta de etiqueta?

Entonces, entiendo la diferencia funcional entre las tags span y label … sin embargo, parece que también hay una diferencia de representación entre las tags y parece que no puedo entender de qué se trata. ¿Alguien sabe la diferencia de representación entre span y etiqueta? Gracias

¿Por qué se activa un evento `click` en mi cuando presiono Enter?

Solo estoy agregando un controlador de eventos de click en mi . document.getElementsByTagName(“button”)[0].addEventListener(“click”, event => { event.preventDefault(); console.log(“Click:”, event); }); Press Enter on me ( Enlace demo ) Sin embargo, cuando presiona el botón en Firefox, luego presiona Entrar , veo que se dispara el evento de click . Sin embargo, no puedo ver este […]

¿Cuál es la mejor manera de identificar de forma única un nodo DOM?

¿Qué es una manera de identificar de forma única todos los nodos DOM en un documento HTML? Para ilustrar lo que quiero decir, aquí hay un ejemplo (ficticio): Script X selecciona aleatoriamente un nodo DOM de document.html. El script X debe indicar al script Y qué nodo DOM ha elegido. ¿Cómo identifica el script X […]

Seleccionar elemento por y nombre de clase en javascript

Tengo un evento onChange que necesita seleccionar dinámicamente una ID y luego agregar un nombre de clase predeterminado para pasar a una función. onChange = “show(document.getElementById(this.value). {select a class here? } );” El equivalente en jQuery. $(‘#’+this.value+’.myclassname’).function(); Entonces, ¿cómo selecciono un ID + nombre de clase en javascript? Sé que estoy siendo densa.

¿Eres capaz de resolverlo? Implementación de carrusel de JavaScript usando una matriz

No puedo resolver este problema, ¿eres capaz de resolverlo? Necesitaría su consejo experto sobre cómo hacerlo en JS vanilla o jQuery (opcional). Una muestra de código en jsfiddle sería muy apreciada. Tengo que mostrar una matriz de 5 elementos en una lista con un límite de 3 a la vez var range = [0,1,2,3,4]; 0 […]

¿Por qué no se permiten ID duplicados en HTML?

¿En qué circunstancias es ilegal que una página HTML contenga elementos con atributos de ID duplicados? Como desarrollador que ha trabajado con HTML durante muchos años, soy consciente de que la intención es que los identificadores de elementos sean únicos, lo que estoy preguntando es por los efectos negativos prácticos de los identificadores duplicados. Por […]

Cómo los analizadores HTML procesan el texto fuera de los elementos (nodos de texto)

Ref. Esta pregunta: Añadir etiqueta html a cadena en PHP El interrogador pregunta cómo detectar correctamente el texto sin etiquetar en un archivo HTML (quería insertar las tags según sea necesario). Él proporcionó este ejemplo: Hello World First Second Third (Por supuesto, para resolver el problema particular presentado es cuestión de buscar / reemplazar un […]

Video, problemas de administración de memoria en Internet Explorer y Edge de muchos videos en la página, lo que hace que aparezcan oscuros / negros y / o no se reproduzcan

Tenemos una página que contiene 77 o más miniaturas de videos. Cuando una miniatura de video se desplaza, el video comienza a reproducirse dentro del espacio de miniaturas. Se produce un problema después de que muchos (de 8 a 60 según el sistema / navegador) de ellos se ciernen. El video comienza a reproducirse incorrectamente, […]

Intento cambiar las propiedades de DOM de un elemento, pero los cambios se ignoran después de usar document.body.innerHTML + =. Si la orden cambia, las cosas funcionan bien.

Me costó mucho redactar el título de esa pregunta, pero no pude encontrar nada más conciso. Quiero adjuntar algún evento de oninput a un elemento (aquí un campo de input ). Pero por alguna razón no funcionó. Reduje el tema al MWE esquemático (MWE completo al final). addEvent(); document.body.innerHTML += “a”; addEvent() era simplemente una […]