Preguntas con la etiqueta [dom]

Document Object Model o DOM ('Modelo de Objetos del Documento' o 'Modelo en Objetos para la Representación de Documentos') es esencialmente una interfaz de programación de aplicaciones (API) que proporciona un conjunto estándar de objetos para representar documentos HTML, XHTML y XML , un modelo estándar sobre cómo pueden combinarse dichos objetos, y una interfaz estándar para acceder a ellos y manipularlos.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
21 vistas

En una calculadora tengo un boton = y quiero que despues de presionarlo y se haga click en otro boton de numeros borre el resultado y agregue el nuevo

import "./App.css"; import { useEffect, useState } from "react"; function App() { Estos son mis estados const [displayer, setDisplayer] = useState("0"); const [...
Alejandro Cullen's user avatar
1 voto
1 respuesta
30 vistas

¿Porque no funciona mi codigo para manipular elementos del DOM?

Quiero hacer que cuando presione cualquier tecla el tamaño de la letra aumente pero no sucede eso El siguiente codigo es: function cambiarTamañoFuente(event) { const div = event.target; const ...
Pablo Ortiz's user avatar
0 votos
1 respuesta
77 vistas

DOM: Inconveniente etiquetas "Select", ¿cómo relacionarlas entre ellas?

Estoy laburando un proyecto para la facu en el que elegí hacer una especie de sistema de punto de venta/inventario, etc., utilizando html, css y js. Decidí hacer uso en html de etiquetas tipo "...
Xavier Vergara's user avatar
0 votos
0 respuestas
33 vistas

Actualización masiva con AJAX (Async NO)

En una pagina web, recibo alrededor de 400.000 registros (EXCEL), muestro estos registros en pantalla, el usuario los verifica para confirmar su carga, entonces, debo actualizarlo en una base de datos....
Francisco Suárez's user avatar
1 voto
1 respuesta
37 vistas

Como obtener el índice de una selección en un <div> o <p> con contentEditable

Según tengo entendido las etiquetas <div> o <p> con atributo ContentEditable no permiten el uso de las propiedades "selectionStart" ni "selectionEnd" que si tiene la ...
Diego Pinero's user avatar
1 voto
1 respuesta
40 vistas

Cómo lograr que la etiqueta de un componente en Angular, no afecte al DOM

Resumiendo de manera sencilla, tengo una tabla en HTML. Es muy extenso el <thead></thead> y también es muy extenso el <tbody></tbody>. Quiero colocar en un nuevo componente, el ...
Miqueas Gentile's user avatar
2 votos
1 respuesta
74 vistas

No se renderizan los estilos de Tailwindcss añadidos mediante templates strings

Tengo el siguiente componente de un botón; estoy utilizando tailwindcss para darle estilos, pero pasa algo y es que el valor de options.bg que lo añado utilizando las template strings no se renderiza ...
jhojan ropero's user avatar
0 votos
1 respuesta
35 vistas

¿Porque si Javascript encuentra un elemento del html, no puedo editar su estilo css?

Desde que empecé a aprender del DOM e tenido el mismo problema, quiero editar los estilos css de un elemento que se identifique con una clase, pero no puedo modificar el estilo aun así en la consola ...
SubnormaLynx's user avatar
2 votos
1 respuesta
38 vistas

¿Cómo puedo obtener un elemento HTML con Javascript a través del valor de su data-attribute?

Deseo obtener un elemento del DOM pero a través del valor de su data-attribute usando JS. Usando Dataset obtengo el valor del data-attribute, pero yo necesito capturar el elemento del DOM, no su valor....
Eduardo's user avatar
  • 55
0 votos
1 respuesta
56 vistas

No consigo filtrar desde un select

Partiendo de este codigo HTML necesito crear un filtro para que funcione mi select, me filtre el array de objetos que tengo y me pinte en el dom los objetos filtrados. No sé qué estoy haciendo mal. ...
Paula Castro Rodríguez's user avatar
2 votos
3 respuestas
51 vistas

Crear un botón que al presionarlo indique en qué posición del array de su padre se encuentra con JavaScript

en HTML tengo un nav con 5 elementos hijos <nav class="textoNav"> <a href="#" class="botonSobreMi">Sobre mi</a> <a href="#" class=&...
Cristian muñoz's user avatar
0 votos
1 respuesta
207 vistas

Modificar el DOM de un DataTable

Tengo una tabla donde tengo todos los registros de una tabla de sql. Y debajo de cada columna tengo un input de tipo text que el plugin de DataTable me lo implementa ya para filtrar datos. Sería algo ...
Luis's user avatar
  • 673
2 votos
1 respuesta
47 vistas

addEventListener no funciona

Estoy haciendo un reto de Frontend Mentor, en el que cuando pinche en un numero el background quiero que sea gris. Cuando debugeo la variable numbers si me salen todos los parrafos, pero al parecer ...
Pablo FC's user avatar
  • 159
0 votos
1 respuesta
18 vistas

como acceder al texto para ser iterado desde el dom de un input con label, el texto esta en el label, para un checkbox

Este es el html: <template id="clone> <input type="checkbox" name="category" id="novel"> <label for="category">Food Fair</...
david's user avatar
  • 1
0 votos
1 respuesta
72 vistas

Acceder al control de un botón con jQuery

¿Cómo puedo acceder al control de un botón que es llamado por jQuery y añadido al DOM con $("#tag").load()?. El botón carga bien en el DOM, les adjunto mi código: $(document).ready(...
Carlos Sorribes Perat's user avatar
0 votos
1 respuesta
102 vistas

Mi script para verificar las cookies no funciona con Javascript

Tengo un problema, ya que quiero verificar con Javascript si la cookie está almacenada en el navegador y que si está almacenada, me deje en la página y en caso de que no esté almacenada me redirija a ...
Inkinvissible's user avatar
3 votos
2 respuestas
70 vistas

Manipulacion del DOM con Javascript

Tengo este código HTML <ul id="categories"> <li class="item"> <h2>Animals</h2> <ul> <li>Cat</li> ...
RaFasT926's user avatar
0 votos
1 respuesta
41 vistas

appendChild() is not a function [duplicada]

cuando intenta agregar un elemento al dom de html me retorna que append child no es una función function allCustomer(company_id){ var request = endpoint + '?company_id=' + company_id fetch(request) ....
Jhon Mondragon's user avatar
4 votos
2 respuestas
188 vistas

Cómo convertir texto a elemento DOM

Tengo una cadena que contiene código HTML que deseo pasar a un nodo HTML para así poder editarlo como muestro a continuación: var code = '<p class="c1">Hola mundo</p>'; // Código ...
Eric Peña Pérez's user avatar
0 votos
0 respuestas
24 vistas

Problemas al ocultar y mostrar ícono

Tengo un problema al mostrar y ocultar un elemento a con id carritoCompras. He hecho todas las comprobaciones necesarias, pero sigo sin poder lograrlo. Lo que hace el código es comprobar si hay ...
user avatar
0 votos
1 respuesta
133 vistas

TypeError: Cannot set properties of null (setting 'innerHTML')

Mi objetivo es dar click en el botón de la página 1 y que me lleve a la página 2 con los datos cargados, este botón me lleva a la página para comprar un producto entonces se tiene que ver el título ...
IndexOutOfBounds's user avatar
2 votos
2 respuestas
44 vistas

JAVASCRIPT no me crea algunos elemntos en el html

Hice un documento html en el cual tengo un elemento <ul></ul> que después tengo que llenarlo con elementos <li></li> usando javascript, visualmente lo hace bien, el caso es que ...
Santiago Serpa's user avatar
0 votos
1 respuesta
49 vistas

Manipular input date despues de agregarlo con append

Agrego un div con append: $('#card_pago').prepend( `<input type="date" id="fecha_convenio" class="form-control form-control-sm fechas pago flatpickr-input" name=&...
Minor's user avatar
  • 458
0 votos
1 respuesta
96 vistas

ReferenceError: document is not defined en TYPESCRIPT

Al transformar el archivo de ts en js y compilarlo, me sale el siguiente mensaje: ReferenceError: document is not defined El archivo html es el siguiente el cual tiene tres div el primero en el cual ...
informaticoDudas's user avatar
0 votos
1 respuesta
49 vistas

tengo un error el react que me esta pasando esto soy nuevo agradezco su colaboracion?

estoy tratando de adapatra un formulario de bootstrap en react la como es que me da un eroor al tratar de renderizarlo. react-dom.development.js:86 Warning: Invalid DOM property `for`. Did you mean ...
Lisandro Reinozo's user avatar
3 votos
1 respuesta
47 vistas

como puedo agregar una etiqueta img a un button con Create Element?

const buttonAdd = document.createElement('button').textContent = 'Add to cart'; buttonAdd.classList ='primary-button add-to-cart-button'; este es el botton const imgButtonCar = document.createElement(...
DiegoCabralesPerez's user avatar
0 votos
0 respuestas
19 vistas

Problemas para traer los elementos de una <ul>

Quiero hacer un sorteo digital, y aunque el problema ya lo resolví necesito despejar una duda.. Tengo una lista desordenada cargada estáticamente en el html con una clase la cual utilizo luego para ...
Seba Dos Santos's user avatar
0 votos
0 respuestas
15 vistas

Tabla HTML existente de una columna, modificar para mostrarla en 2 columnas con CSS o JS para IE

Tengo una tabla HTML ya existente que solo lleva una columna (ver ejemplo de la tabla al final), pero necesito poder mostrarla en mínimo 2 columnas. Para Chrome he podido hacerlo con CSS usando FLEX, ...
chiquirf's user avatar
0 votos
0 respuestas
161 vistas

como eliminar el botón una vez clickeado

estoy empezando con javascript y lo que quiero hacer es que al hacer click en el botón con el icono de la lupa aparezca lo que agregue con innerHTML (el formulario y el input) y que el botón del icon ...
feli's user avatar
  • 65
0 votos
0 respuestas
28 vistas

Electron JS Obtener valores, guardarlos de forma persistente, y que cuando vuelva a ejecutar el programa, conserve esas configuraciones

Buenas noches estoy empezando a hacer un programa con Electron JS, la ventana principal todavia no tiene nada pero la que me interesa en este momento es la de config, como pueden observar, cuando ...
Gonzalo's user avatar
0 votos
0 respuestas
32 vistas

Id acumulador dentro de Clase Constructora en Js

me gustaria recibir ayuda para poder generar un id acumulador dentro de una clase constructora en Js: Class Consultorio { constructor(id,nombre, sede, especialidades, horario) { this.id = ; this....
Raquel Reedemed's user avatar
2 votos
2 respuestas
208 vistas

Seleccionar a todos los hijos de un elemento padre

Tengo un div con el id "Padre" y dentro tengo muchos elementos repartidos en distintos niveles de jerarquia, pero todos esos elementos tienen la clase "hijo". Aclaro, lo necesito ...
Aldahir Ruiz Valdez's user avatar
0 votos
0 respuestas
19 vistas

Como puedo coger los datos de los campos, al seleccionar el boton

Como puedo coger los datos de los campos, al seleccionar el boton, en js, quiero coger, los campos span, como puedo hacerlo, con el DOM de js ´<div class="card" name="item1"> ...
informaticoDudas's user avatar
2 votos
1 respuesta
246 vistas

Pasar el Value de un Input como parametro a una función desde un evento DOM

Buenas estoy haciendo una calculadora común mediante botones en JS, tengo este html: <li> <input id="uno" type="button" value="1" class="numero&...
MrWasu's user avatar
  • 63
-1 votos
1 respuesta
38 vistas

generar tipos de input apartir de selec javaScrip funciones dom

function init() { let select = document.createElement('input'); let option1 = document.createElement('input'); option1.setAttribute("type", "text"); option1.setAttribute('value', ...
Gaston Garcia lucero's user avatar
0 votos
2 respuestas
487 vistas

Eliminar una fila de una tabla con javascript

Quisiera saber cómo eliminar una fila de una tabla, mediante un botón en cada fila, a continuación dejo un código pero no estaría entendiendo porque no funciona: window.addEventListener('...
besgu's user avatar
  • 1
0 votos
2 respuestas
80 vistas

Problema al pasar el parámetro string a js usando el evento onclick y mediante el método createElement mostrarlo en una sección de página web

Realicé este código para que por medio del evento onclick mande un string al js para enviar un alert, luego en esta misma función envíe a otra para realizar un contenedor div con la función ...
xELDIEGOx's user avatar
0 votos
2 respuestas
66 vistas

Añadir elementos dimamicamente desde Javascript en el DOM

Buen@s a todos, Podria alguien darme solucion a este ejercicio por favor ? Soy autodidacta y no tengo profe que me corrija <script> const $body = document.querySelector("body");...
Francisco's user avatar
0 votos
1 respuesta
91 vistas

Cambiar color de tarjetas cuando haga click en javascript

el problema que quiero solucionar es el siguiente: Tengo un div con un id llamado "grupo"(seria el contenedor padre) y dentro tengo tres divs mas que son tarjetas de color gris, cada uno de ...
Carlos's user avatar
  • 1
0 votos
0 respuestas
43 vistas

Cómo almaceno el input.value de dos o más inputs dinámicos y, con un input radio, seleccionar uno de todos los inputs dinámicos y almacenarlo aparte

Pues quiero que el Nivel del compañero [ i ] se almacene fuera de la iteración y además si tiene el radio activo seleccionado que ese se muestre por otro lado. Algo asi como "Nivel del compañero ...
kiketasu's user avatar
0 votos
1 respuesta
40 vistas

metodo setTimeout() no funcionar al ejecutar la función con click

Tengo un botón para subir hasta arriba la página al clickar en el. Me funciona perfectamente, cuando clickeo en el me sube hacia arriba y a velocidad smooth. Pero lo que quiero es que cuando le de al ...
FranyxD's user avatar
  • 661
1 voto
1 respuesta
95 vistas

Como mover las celdas a una posición con javascript

Necesito colocar en cada celda un enlace que al pincharlo el <tr> pinchado descienda un nivel. ¿Cómo puedo hacerlo con el DOM en javascript?, porque no lo entiendo, yo lo tengo así pero esta mal,...
informaticoDudas's user avatar
0 votos
1 respuesta
27 vistas

Problema creando un nuevo DIV con Javascript

Tengo un problema. Tengo que crear un nuevo div dentro de otro div y no estoy logrando hacerlo. Tengo un formulario donde completo un par de datos, pongo continuar y se tendría que crear el DIV. El ...
Javier Correa's user avatar
0 votos
2 respuestas
177 vistas

no me funciona document.getElementById('output').innerHTML = variable;

A pesar de ser un codigo muy simple no puedo lograr que salga en pantalla el valor de la variable. Tambien intente pasandole directamente un string pero no me funciona
Sarja's user avatar
  • 1
0 votos
0 respuestas
103 vistas

convertir jquery a JS

tengo estos dos partes de codigo en jquery y no se como convertirlo en JS: $('#data > tbody:last').append( '<tr class="warning"> <td>' + nBet + '</td> <td>' +...
kikkobcn's user avatar
0 votos
1 respuesta
23 vistas

Como evito que se active automaticamente un evento de un boton creado por otro evento en Javascript

Saludo. Hice un boton que crea una tarjeta personal con datos de una api, cada vez que aprieto el boton crea una tarjeta. La tarjeta debe tener un boton que me permita remover la tarjeta. en el codigo ...
Mauricio Ferrieres's user avatar
-1 votos
1 respuesta
62 vistas

Elemento.children no detecta los hijos hasta la tercera pulsación de la tecla Enter- ¿ Cómo solucionarlo?

Estoy intentando crear una especie de IDE del estilo de CodeMirror pero muchísimo más simple, para la web. Estoy utilizando DIVs con la propiedad "contentEditable=true" en vez de inputs o ...
ArtCodex64's user avatar
0 votos
2 respuestas
353 vistas

¿Cómo paso la función de className a NavLink?

Sucede que estoy usando React Router v6 y styled components en mi proyecto. Quiero aplicarle estilos a un elemento NavLink del react router usando styled components, pero también quiero poder ...
Andrés Arrieche's user avatar
1 voto
0 respuestas
103 vistas

recorrer un xml y guardar en mysql

buenas tarde estoy tratando de recorrer este xml sin exito quisera saber que hago mal: Este es mi codigo xml <soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> <...
Edwin Misericordia's user avatar
1 voto
2 respuestas
86 vistas

como combinar eventos con if-else

actualmente estoy aprendiendo js y tengo un problema para hacer un condicional usando una entrada les dejo un ejemplo (cuando lo hago sin la entrada funciona bien) que puedo hacer alguien tendra algun ...
Francisco Agustin Pealoza's user avatar

1
2 3 4 5
10