Acceder al DOM de elementos creados en el objeto HTML

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Take a look at our YouTube channel and subscribe to be notified about new videos!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Take a look at some frequently asked questions about us and our products!

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!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.