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.
457
preguntas
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 [...
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 ...
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 "...
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....
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 ...
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 ...
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 ...
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 ...
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....
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.
...
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=&...
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 ...
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 ...
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</...
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(...
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 ...
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>
...
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)
....
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 ...
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 ...
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 ...
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 ...
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=&...
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 ...
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 ...
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(...
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 ...
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, ...
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 ...
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 ...
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....
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 ...
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">
...
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&...
-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', ...
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('...
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 ...
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");...
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 ...
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 ...
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 ...
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,...
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 ...
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
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>' +...
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 ...
-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 ...
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 ...
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/">
<...
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 ...