Articles of dom

¿Puedo usar un MutationObserver para escuchar los cambios en los estilos computados?

¿Puedo usar un MutationObserver para escuchar los cambios en los estilos computados? Tengo un div que el ancho es del 100% y me gustaría saber cuándo cambia su ancho computado, pero hasta el momento no tengo éxito. El MutationObserver funciona si cambio el estilo de manera pragmática: document.getElementById(“myDiv”).style.width = “200px” Pero no funciona si se […]

Compruebe si el elemento DOM y los hijos contienen algún texto

Quiero poder comprobar si un elemento contiene algún texto dentro de él. Quiero poder eliminar el elemento si no hay ningún texto en él. Sin embargo, este elemento dom puede contener un hijo, o más, y esos niños también pueden contener otros niños. Así que quiero poder seguir el árbol de elementos del elemento y […]

Cambiar el estilo de Div en un clic

Tengo 2 tabs en la parte superior de una página. Cuando se hace clic en una pestaña, me gustaría que esa pestaña tuviera una clase “activa” y que la otra pestaña tuviera una clase “inactiva” para que el usuario pueda ver qué pestaña está seleccionada actualmente. ¿Cómo puedo hacer esto con javascript / css? Option […]

Complementos de Firefox: ¿Oculto en XUL Overlay?

Estoy intentando cargar y manipular una etiqueta oculta en mi superposición (parte de la funcionalidad de mi complemento) en mi complemento de Firefox. Pero, no puedo acceder a ninguno de los elementos que agrego a mi superposición desde el document . Por ejemplo, esto no está funcionando: window.addEventListener(“load”, function(){ alert(document.bContainer.src); }, false); ¿Podría alguien apuntarme […]

¿Cómo acceder a los datos de la página web desde una extensión de Firefox?

He logrado obtener una extensión muy básica personalizada que se ejecuta en Firefox. Lo que quiero hacer a continuación es: Compruebe si el usuario está en una página web deseada En caso afirmativo: compruebe la página en cada devolución de un producto oculto que contiene una cadena Si se encuentra: inicia una aplicación externa con […]

Apuntar todos los enlaces dentro de div – Javascript

Estoy tratando de apuntar enlaces dentro de un determinado div. Entiendo cómo apuntar a todos los enlaces, así: var colors = [ ‘BlueViolet’, ‘CadetBlue’, ‘Coral’, ‘Crimson’, ‘DarkGoldenRod’, ‘DarkOliveGreen’], a = document.getElementsByTagName(‘a’); for(var i = 0; i < a.length; i++) { var elem = a[i], color = colors[0]; elem.style.color = color; colors.push(color); colors.shift(); } Obviamente, está […]

JQuery .append de una etiqueta ignorada

Tengo el siguiente HTML: Hide or show labels? Show Label Hide Label Quiero agregar el al div principal en el tiempo de ejecución, ala: $(“#show-label”).html(“”) .append(“Hide or show labels?”) .append(“Show Label”) .append(“Hide Label”) .append(“”); Para las fonts desconocidas para mí, la etiqueta de cierre no se está inyectando en la página. He probado el código […]

Devolviendo el array del método de clase javascript a un script

Estoy creando una aplicación javascript utilizando técnicas orientadas a objetos y me estoy topando con un problema que espero que alguien aquí pueda ayudarme a resolver. El siguiente método está diseñado para devolver una matriz rellena con filas de datos de una base de datos web SQL: retrieveAllStoreSearches : function(){ this.db.transaction( function(transaction){ transaction.executeSql( “SELECT name,store,address […]

Cómo agregar un punto de interrupción a un archivo javascript con una extensión de Chrome

Estoy tratando de agregar un punto de interrupción al archivo JavaScript de origen utilizando una extensión de Chrome. Pero dice el chrome.browserAction.onClicked.addListener(function(tab) { chrome.debugger.attach({“tabId” : tab.id }}, “1.0”); chrome.debugger.sendCommand({ “tabId”: tab.id}, “Debugger.setBreakpoint”, { “Location”: {“lineNumber”: 12}, }, function(response) { chrome.extension.getBackgroundPage().console.log(JSON.stringify(response)); }); }); var version = “1.0”; Me da un error diciendo que el parámetro ‘Ubicación’ […]

El elemento ContentEditable no reactjs en las teclas de acceso rápido

Estoy desarrollando una extensión de Chrome que inyecta código JS en todas las tabs abiertas. La tarea de este código incluye mostrar un cuadro de texto, implementado como contentEditable para permitir el formateo. Sin embargo, el elemento contentEditable no funciona bien con algunos sitios web, por ejemplo, Twitter. Inténtalo tú mismo: Ir a twitter.com Pegar […]