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.
472 preguntas
0
votos
0
respuestas
22
vistas
Cuando purifico mi HTML? Antes de guardarlo o cuando lo voy a mostrar? [cerrada]
Estoy realizando una blog utilizando NextJS, estoy utilizando tiptap para el editor y para purificar o limpiar mi html estoy utilizando isomorphic-dompurify.
Pero me surgió la siguiente duda: ¿En que ...
- 407
1
voto
1
respuesta
22
vistas
Mostrar grupo de tarjetas entre tarjetas normales: similar a las sugerencias de la app YouTube
Quisiera una ayuda con la presentación de tarjetas en mi código.
Quiero replicar el diseño de la app de YouTube, con las tarjetas normales, y que a su ves, cada cierto números de tarjetas normales, ...
- 1,678
1
voto
2
respuestas
51
vistas
Mostrar +1 (1 visto) correctamente con localStorage al reproducir video
Estoy diseñando un sistema de contador de visualizaciones de vídeo.
Tengo una lista de arreglos desde donde muestro la información en toda la tarjeta mediante una función incorporado en el arreglo.
...
- 1,678
1
voto
2
respuestas
58
vistas
Mostrar tarjetas según categoría en diferentes secciones
Tengo una lista de arreglos que cargo sus datos en una tarjeta, y muestro en diferentes secciones según la categoría.
De esta forma creo y muestro la tarjeta:
const favorito = datos.filter(item => ...
- 1,678
2
votos
2
respuestas
47
vistas
Problema con calculadora en JS
Estoy haciendo una simple calculadora en JS y lo que quiero es que cuando se presiona el botón igual (=) y no se haya presionado ninguna operación la calculadora solo muestre los números que se han ...
1
voto
1
respuesta
55
vistas
BOT EN JS PARA MANIPULAR DOM
Estoy tratando de desarrollar un bot para consultar los movimientos de mi banca en linea, ya he realizado otros antes pero en este caso es en BBVA trato de obtener los elementos o interactuar para ...
- 81
0
votos
1
respuesta
59
vistas
Cómo cambiar el color de un elemento del DOM cambiando el estilo en JS
Tengo el siguiente fragmento de código. Si quisiera que, los valores que están evaluados en la condición tomasen el color verde y los que no, el color rojo, ¿cómo podría realizarlo?
La verdad es que ...
2
votos
1
respuesta
128
vistas
Recargar elementos del DOM via JS o JQUERY
alguien sabe como puedo hacer para que despues de terminar una actualizacion via modal pueda recargar elementos del dom sin necesidad de recargar la pagina?
ejemplo:
$("#editzact-form").ajaxForm({...
- 75
1
voto
2
respuestas
56
vistas
Null en getElementById DOM
estoy aprendiento a programar en Javascript y no encuentro el error en esto si alquien me puede ayudar.
Cuando lo ejecuto por Stackoverflow el codigo o por otra web, funciona, pero cuando lo ejecuto ...
0
votos
1
respuesta
40
vistas
Si quiero realizar una acción en el momento que se ingrese a la pagina, ¿qué es mejor usar, el document.ready o el document.onload? [duplicada]
Tengo este código en el que quiero agregarle una función a unos botones. Sé que el código no es el más óptimo, pero quisiera saber por que es diferente poner el .ready a poner .onload y por que cada ...
1
voto
1
respuesta
45
vistas
Cargar vista previa de imagen en DOM
Buen día a todos, quería que me ayudaran con algo que quizá pueda ser simple (o no), estoy generando varios div que contienen un input cada uno para que el usuario pueda ingresar una imagen, con eso ...
- 1,434
0
votos
0
respuestas
31
vistas
Asociacion de script con elementos creados en el DOM
Estoy creando una pagina y estoy implementando una simulación de sistema de comentarios utilizando JavaScript y Tailwind para los estilos.
Utilizo este botón para abrir un modal en el que el usuario ...
- 11
0
votos
1
respuesta
64
vistas
¿Cómo seleccionar elementos anidados específicos en el DOM?
/¿Cuál es la mejor forma de seleccionar y manipular elementos anidados dentro del DOM utilizando JavaScript? Por ejemplo, si tengo la siguiente estructura HTML:/
<div id="contenedor-padre"...
- 1
1
voto
2
respuestas
115
vistas
Cómo crear varios card de una libreria desde un componente, de acuerdo a número de elementos de contenido
1.- Estoy creando una libreria de npm a través de angular que contiene esto:
<div class="carrusel">
<ng-content select="[libContent]"></ng-content>
</div&...
- 204
2
votos
0
respuestas
201
vistas
JS: ¿Cómo organizar y dividir contenido en varias páginas de pdf con contenedores anidados, manteniendo diseño y paginación coherentes?
Estoy trabajando en nestJS para generar pdf desde el backend. Utilizo playwright para ejecutar chromium y generar el pdf y uso Handlebars para procesar los datos dinamicos. Y HTML y CSS para dibujar ...
- 444
1
voto
1
respuesta
405
vistas
preventDefault() no funciona si el formulario es ejecutado con form.submit()
No funciona el event.preventDefault() si tomo el objeto form del DOM y le ejecuto con form.submit() pareciese que este form.submit() realmente no despertara el addEventListener('submit', () => {...}...
- 123
0
votos
0
respuestas
12
vistas
He generado divs con javascript pero quise que con un click en ellos se eliminara pero tengo problemas al intentarlo
function copic() {
let color = getComputedStyle(document.querySelector('.colors')).backgroundColor;
let colorText = document.querySelector('.hex').textContent;
return color, colorText;
}
...
0
votos
0
respuestas
207
vistas
Ejecutar codigo de javaScript despues de cargar la pagina desde herramientas de desarrollador en chrome [duplicada]
soy nuevo en este foro y en el tema de manipulación del DOM con javaScript de lo cual busco apoyo.
Estoy intentando hacer web scraping en una página web la cual tiene una tabla, dentro de un ifrmae ...
0
votos
1
respuesta
89
vistas
Duda con formulario de HTML, JavasScript y el DOM
Estoy realizando unas prácticas con JavaScript y el DOM, también agregando un poco lo aprendido con las clases. Tengo un problema, lo que quiero es que al momento de mostrar el "listado de ...
- 133
1
voto
1
respuesta
45
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 ...
- 11
0
votos
1
respuesta
85
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
66
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
63
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 ...
- 40
1
voto
1
respuesta
218
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 ...
- 433
2
votos
1
respuesta
425
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
85
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
433
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....
- 91
0
votos
1
respuesta
431
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
63
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
496
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 ...
- 686
2
votos
1
respuesta
58
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 ...
- 169
0
votos
1
respuesta
27
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</...
- 1
0
votos
1
respuesta
137
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
347
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 ...
- 398
3
votos
2
respuestas
115
vistas
Manipulacion del DOM con Javascript
Tengo este código HTML
<ul id="categories">
<li class="item">
<h2>Animals</h2>
<ul>
<li>Cat</li>
...
- 91
0
votos
1
respuesta
170
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
774
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 ...
- 65
0
votos
1
respuesta
501
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
45
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
124
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=&...
- 468
0
votos
1
respuesta
492
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 ...
- 163
0
votos
1
respuesta
104
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
177
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
30
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 ...
- 101
0
votos
0
respuestas
439
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 ...
- 65
0
votos
0
respuestas
35
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....
3
votos
2
respuestas
744
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
20
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">
...
- 163
2
votos
1
respuesta
655
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&...
- 63
-1
votos
1
respuesta
70
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', ...
