Acceder al DOM de elementos creados en el objeto HTML

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Juan Rubio

He creado un objeto html con el app builder, dentro de este objeto he puesto el siguiente html.

<button id="botontirada" onclick="cartasabajo()" style="font-size:120%"><img src="app/images/inicialgratis.png"></button>

<section id="tirada">

</section>

Se puede acceder al elemento del DOM id=tirada a través de js, ,como sería el código a utilizar para llegar al elemento con id tirada ?.

document.getElementById("tirada");

Gracias

decsoft

Hola Juan,

Sí; sería posible acceder a dicho elemento tal como dice, incluso, puesto que se cuenta con jQuery, sería posible utilizar esta librería también:


// Esto podría ir en el evento Click de un terminado botón
StartJS
  $('#botontirada').html('Nuevo texto');
EndJS

Purchase one or more licenses of our products if they are useful to you!

Juan Rubio

Hola David, En este ejemplo, el evento del botón va asociado a un función que está creada en un fichero j.s.
cartasabajo()
Este fichero js, que ha incluido en el proyecto, mediante Gestor de archivos F6,
El tema es que el evento no lo reconoce.

decsoft

Hola Juan,

Habría que ver dónde se define la función "cartasabajo", puesto que, el siguiente código HTML:


<button class="btn btn-md btn-primary" id="my-button" onclick="myCuteFunction(event)">Click here</button>

... funciona como se espera, si "myCuteFunction" está definida en "window", por ejemplo:


window.myCuteFunction = function(event) {
  
  // Show my-button
  alert(event.target.id);
};

... pero también si se define en el "scope" de "window", aunque no se especifique:


var
  myCuteFunction = function(event) {
  
    // Show my-button
    alert(event.target.id);
  };

Note, por otro lado, el evento "onclick" del botón:


<button class="btn btn-md btn-primary" id="my-button" onclick="myCuteFunction(event)">Click here</button>

... parece ser necesario incluir los paréntesis, es decir, esto funciona:


<button class="btn btn-md btn-primary" id="my-button" onclick="myCuteFunction(event)">Click here</button>

<button class="btn btn-md btn-primary" id="my-button" onclick="window.myCuteFunction(event)">Click here</button>

... pero esto otro no funciona como se espera:


<button class="btn btn-md btn-primary" id="my-button" onclick="myCuteFunction">Click here</button>

<button class="btn btn-md btn-primary" id="my-button" onclick="window.myCuteFunction">Click here</button>

Seguramente se trate de los paréntesis, por lo tanto, si es que "cartasabajo" existe en "window", pruebe a poner los paréntesis tal como se refiere arriba.

Purchase one or more licenses of our products if they are useful to you!

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.