Although we may be building our applications in HTML, we still have the ability to alter and manipulate the elements within the document to create a more dynamic application.
We will use the DOM manipulation methods available in the XUI library to read and write content directly within our application:
Firstly, create a new PhoneGap project named
domby running the following line:phonegap create dom com.myapp.dom domAdd the devices platform. You can choose to use Android, iOS, or both:
cordova platform add ios cordova platform add android
Open
www/index.html. Let's clean up the unnecessary elements. Include a reference to the XUI JavaScript library, the Cordova JavaScript file, and an emptyscripttag block before the closingheadtag.Within the empty
scriptblock, define a newonLoadmethod.Add an
onevent handler. It will run theonLoadJavaScript method when the DOM has fully loaded.The
bodyof the document will contain adivelement with theidattribute...