Windows® 8.1 Apps with HTML5 and JavaScript Unleashed

Retrieving Controls from an HTML Document

When a control gets created, it is always associated with a DOM element. The DOM element is the “host” for the control.

You can retrieve a control from its associated DOM element by using the winControl property. Every DOM element that has an associated control has a winControl property that represents the control.

For example, if you declare a DatePicker control like this:

Click here to view code image

<div id="dateBirthday"    data-win-control="WinJS.UI.DatePicker"></div>

Then you can retrieve the DatePicker control in your JavaScript code like this:

Click here to view code image

(function () {    "use strict";    function initialize() {        WinJS.UI.processAll().done(function () {            var ...