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.
445
preguntas
2
votos
2
respuestas
42
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
16
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
0
respuestas
42
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 ...
-2
votos
1
respuesta
29
vistas
¿Usar templates para pintar en el DOM? [cerrada]
Tengo una pregunta acerca de Javascript.
Y es acerca del DOM.
Siempre veo que la gente pinta sus elementos con innerHTML, y escribe código HTML en el código Javascript, aparte, se hace bastante ...
0
votos
1
respuesta
30
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 ...
2
votos
1
respuesta
15
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
17
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
7
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
36
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
12
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
26
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....
1
voto
1
respuesta
24
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
17
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
40
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
33
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
80
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
34
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
31
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
23
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
25
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
21
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
57
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
25
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
0
respuestas
24
vistas
Agregar un li con datos de un formulario manejando el dom JS
Buen día, actualmente soy un poco nuevo en js y el manejo del dom, estoy realizando un proyecto personal para practicar este tema. Tengo un formulario el cual recibo y almaceno los datos, pero me ...
0
votos
2
respuestas
72
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
85
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
13
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
41
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
127
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
65
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
41
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 ...
0
votos
0
respuestas
35
vistas
JavaScript - Problema con DOM
Estoy teniendo un problema con mi codigo.
Tengo un bloque de código que mediante un querySelectorAll selecciona todos los buttons que posean la id=#delete-button. Hasta acá todo bien, trae todos los ...
0
votos
2
respuestas
24
vistas
Como hago para crear una busqueda de un array por marca en este caso y subirla a html
Quiero hacer un buscador de estos autos, por marca.
Hice un formulario por html y cuando aprete el boton de busqueda que aparezcan todos los autos de la misma marca o en un div o li me da lo mismo.
Y ...
1
voto
0
respuestas
55
vistas
Desesctructurar Array de objetos
quisiera aplicar la desestructuración a un array que contiene objetos y con esas variables aplicarlas al DOM. Como lo veo tengo dos problemas. Necesito agrupar de alguna manera la propiedad "...
2
votos
1
respuesta
25
vistas
¿Cómo hago para generar un toogle con un botón y mover divs de lugar?
Estoy aprendiendo JS y lo que quiero es que cada vez que se presiona un botón, se mueva de un lado para el otro el bloque azul. Actualmente solo consigo que se mueva 1 vez. ¿En qué puedo estar ...
1
voto
0
respuestas
18
vistas
Cuando el usuario ingresa los datos, los mismos aparecen como undefined y no se muestran en el mismo orden en que fueron ingresados
En este código tengo una pequeña app para recomendar bebidas pero a medida que avanzaba me di cuenta que en algún momento los datos que introduce el usuario empezaron a ingresar desordenados y no en ...
1
voto
1
respuesta
74
vistas
¿Cómo eliminar más de un nodo con JS DOM?
He eliminado nodos uno por uno pero quisiera saber cómo eliminar más de un nodo. Hasta ahora mi código ha sido el siguiente, en el cual por prompt ingreso un número, el cual es la posición del nodo ...
0
votos
0
respuestas
17
vistas
¿Moverme infinitamente hacia todos lados en una pagina con html, css y Javascript?
Mi duda es porque quiero implementar una pagina web que muestre varios elementos, pero te permita moverte hacia todos lados de la pagina y siga apareciendo elementos.
Normalmente una pagina siempre te ...
1
voto
1
respuesta
30
vistas
javascript: .style.rotate ="__deg" no me responde en chrome
estoy intentando rotar un elemento del DOM usando la sintaxis mencionada y me funciona perfecto en firefox pero no en Chrome. la función la probé y entra bien porque incluso me modifica el valor del ...
0
votos
0
respuestas
36
vistas
¿Cómo hago para ejecutar una función inmediatamente cargue mi pagina jsx?
Me explico, quiero hacer que cuando oprime un botón agregue un select junto con una casilla de texto y cuando oprima el botón eliminar se me elimine una fila, de la siguiente manera.
Pero quiero que ...
1
voto
1
respuesta
58
vistas
Como obtener el valor que retorna un addEventListener en Javascript
necesito ayuda para poder pasar unos valores aun objeto, los cuales se obtienen por medio de un prompt que se declaran dentro de una función, dicha función se pasa como parámetro al addeventlistener, ...
0
votos
1
respuesta
17
vistas
Comprobar typeof de un input
Tengo el siguiente problema:
He creado el siguiente input de text en html
<label for="varSpeed">PlayerSpeed</label>
<input type="text" id="varSpeed"&...
0
votos
1
respuesta
27
vistas
Cambiar video con SetAttribute
Resumen
Estoy buscando la forma de cambiar el src de un video con javaScript de una forma en la que pueda reutilizar las funciones.
El codigo que les muestro no me funciona, no me funciona porque ...
0
votos
0
respuestas
17
vistas
ejecutar un input multi-range de un formulario desde el DOM
tengo un formulario en el index.html, por una consulta que contempla un rango de precios. y el script en el mismo código.
Luego quité de ese formulario, el input de multi-range , para que se pueda ...
0
votos
1
respuesta
53
vistas
Ordenar de mayor a menor un resultado input - JAVASCRIPT / DOM
tengo una duda. He encontrado el siguiente codigo sobre un quiz de personalidad, me gustaria saber como puedo ordenar el resultado de mayor a menor, para que la personalidad con mayor puntaje aparezca ...
0
votos
1
respuesta
173
vistas
Como cambiar estilos en el HTML usando JS
me piden como ejercicio que cambie varias cosas en un HTML utilizando solo JavaScript.
El punto es que hay 3 funciones que no me responden, no se que estoy haciendo mal.
Si alguno podría ayudarme lo ...
0
votos
1
respuesta
32
vistas
Cómo puedo manipular el DOM sin usar JQuery
Tengo un llamado a una API que me trae el precio del Bitcoin y lo imprimo dentro de una tabla, pero la función que implementé la ejecuto haciendo uso de Jquery... pero ya no quiero hacer uso de ello ...
1
voto
0
respuestas
79
vistas
Cambiar estilos de un elemento creado en el DOM - Blazor
tengo un problema, estoy creando desde cero un editor de texto(tipo word) en el que debo de poder cambiar a negritas, italica, color, tipografia etc a el texto que el usuario va escribiendo, ya sea ...
0
votos
0
respuestas
13
vistas
activar una funcion desde una api
Buenas noches necesito que cuando usen una API esta venga y modifique el DOM de la pagina que esta abierta por el usuario sin recargar pagina, me pueden porfa decir si es posible y como se prodria ...
1
voto
1
respuesta
25
vistas
Como Acceder a un valor concreto y borrarlo o modificarlo SesionStorage
Buenas estoy aprendiendo a trabajar con JSON, local y sesion Storage, mi problema es que tengo un Json creado y al intentar acceder a un valor no consigo modificarlo o borrarlo, se que con ...