The USPTO Registered Logo Badge of the Medical Marijuana Initiative of North America - International Limited, an Arizona Benefit Corporation to the left of Mt Hood sunlit from the northwest in June followed by the proprietary MMINAIL octocopter delivery bot.

DOM Property Binding

Welcome! This is the DOM Property Binding page of the MMINAIL.

How To Render the DOM tree -
In Angular js to Angular 2 to Angular 4 -
In Mac Os Sierra


When a browser receives a page of <html>...</html> it reads the attributes of the Hypertext Markup Language, or Html, converts it ( normally one-to-one ) into a Document Object Model, or DOM tree, and then renders the page to the screen AS THE AUTHORS intended.


If you hold the page of <html>...</html> up with your left hand and then also raise a visual screen ( smartphone-tablet-laptop ) with your right hand, each "attribute" of the Html on your left hand should map to a DOM tree counterpart, or "property" on your right.

The key word in this rule is the word "should".

Because most of the time, a normal one-to-one relationship between the Html and the DOM tree does exist.

Most of the time ... But, not always!


One of these exceptions can be seen with the default 'hidden' attribute of an <html>...</html> page that gets mapped to the DOM tree as the 'property' hidden, and then rendered to the screen.

Yes! That is correct ... The screen that you are holding in your right hand is "indirectly" rendered from the DOM tree, NOT directly by the <html>...</html> page as most of you may expect.

This is an essential key to understanding the rendering of Html pages.

Now that we know the DOM tree is key ...

How may we manipulate the DOM?


When we place the attribute 'hidden' in an underlying element upon a page of <html>...</html>, and then send the page to a browser ...

The browser quickly builds the DOM tree and correspondingly creates a 'property' named hidden that can be remotely set to either one of two boolean states ... true or false.

True hides the underlying element ( the hidden feature is engaged ) and false makes the underlying element appear.

Kinda like an on-off switch.

But, as far as the 'hidden' Html attribute is concerned, the 'hidden' attribute always remains "engaged", or true ie.) hidden.

In other words, there is no way to switch-on, switch-off the 'hidden' attribute via standard Html.

So, the browser ( when building the DOM tree ) takes this normally staid 'hidden' Html attribute and creates a dynamic, on-off switch type corresponding 'property' also named hidden.

Armed with such fancy knowledge, savvy programmers like you and I can now manipulate the DOM tree!

Playing Puppeteer

Given the programmer 'god-like' powers over what the end-user will ultimately see in his or her right-hand screen ...

Based on the end-user's interactions with the program ...

How can programmers stay in control of the UX, commonly known as the 'User Interface Experience' ... From afar?

Por Ejemplo

How 'bout we turn the hidden feature "off" when the user clicks a button, and then keep the hidden feature "on" otherwise?

First, we must bind the boolean value true to the DOM tree 'property' hidden.

From the ...

<p [hidden]="true"></p>
<a class="btn btn-primary">Show Me</a>

; where the Css class "btn btn-primary" is a Twitter bootstrap js configuration

More to come ...

Note. This page has explicit access to the local jQuery library as well as a local complimentary working (.js) file.

Supporting Content

Welcome! This is the Supporting Content section for the MMINAIL Central Live Repository.

E Books

With today's explosion of modern devices, some consumers like to read their articles on their Kindles or iPads.

Therefore, a method to convert any page of this website into an 'eBook' is auto-built into the top of the navigation stack as well as in the footer of every page.

Simply click the small dot epub button eBook icon to render the current page as an Overdrive (.epub) or a Kindle (.mobi) for external reading.

Note. The Apple iBooks platform also reads and displays the (.epub) format.

The A's Have It!

In today's complicated world of coding, even the use of the standard hyperlink has come into question.

Therefore, to make it easy for the end-user, this User Interface, or UI will show safe internal links in the bootstrap default color of light dodger blue.

On the other hand, external links, when designated https secure ... Will be shown in the color of forest green.

All other external links designated with standard http will be shown in the color of indian red.


For an acronym to be visually effective when reading a line of text, the acronym must first be declared.

In addition, the acronym must stand out from the body of information.

To accomplish both of these objectives, the authors have selected Ashley Gold, a primary color within the registered logo badge of the Benefit corporation for which to highlight acronyms.

Whenever the end user spies a designated acronym of Ashley Gold color, simply hover over the acronym to reveal the underlying meaning of the acronym letters.

Screen Responsiveness

This page has been tested for mobile responsiveness on a virtual Galaxy S5 smartphone emulator.

The authors have determined the accuracies of the page renderings at both a portrait width of 360px and a landscape width of 640px.

In addition, pages are also tested against an Amazon Kindle Fire HDX 7, 3rd Generation tablet.

On the Kindle tablet, both portrait and landscape renderings appear accurate, as well.

And, on the Amazon Fire phone, using automatic screen rotation, both portrait and landscape renderings appear accurate.

How To Navigate This Website

  • The Navigation to your right is set up to return to this Home page by clicking on the Home icon   south of the divider.

  • To select any of the other topics or subtopics, simply click on the corresponding glyphicon to open up the referenced file.

  • If you get stuck, simply click on the Home icon   below the divider to be hyperlinked back to this Home page.

Got An Idea?

If you have an idea that will spruce this site up even better than it already is, then you know the drill.

Simply go ahead and fork this repo, make your changes, and send me a pull request.

Site Monitoring

Note. The Http Headers of this repo are being monitored by Internet Supervision dot com

25 Mile Rule

The MMINAIL is dedicated to the preservation of the hard-earned rights of Medical patients to grow up to (12) state-legal Medicinal plants.

In a connective cartography of ideas and hyperlinks spanning the entire connectome of the modern Medical Marijuana Initiative ...

The open source authors of this project hope to enlighten the world to the plight of the common medical patient.

Due to a labyrinth of government regulations and costs, today's common medical patient is virtually devoid of healing phyto-cannabinoids and other beneficial terpenes globally for no other reason than his or her current residential address.


"When residing 25 miles extant of a state legalized dispensary"

Doesn't that sound a bit strange to you?

Restricting access to medicine ...

Almost Un-constitutional, isn't it?

And, with patients in Arizona paying anywhere from $75 to $90 USD for a (1/8) ounce of medicine ...

Don't you think it is time that we allow ALL patients the right to grow, stash, and cure their own medicines?

Make Contact

We do at the MMINAIL.

If you agree, why don't you donate a little spare cash?

Or, a little of your coding time?

Or, simply contact your favorite Arizona State Senators and Congressional Representatives today!

No Warranty

Disclaimer. The author of this website has made every effort to ensure the accuracy of the information herein.

However, the information contained in this website, and in its pages, is offered to the public without any warranty expressed or implied.

Therefore, the author of this website, and by extension its pages and content cannot be held liable for any damages that may be caused indirectly or directly by the software instructions or tutorials contained in the pages of this website.

For further review, please see the License page of this website and/or the Privacy Policy page of this website to clarify.

Reproduction In Part

Most authors will allow the reproduction of their works in part when the case of brief quotations embodied in critical articles or reviews is addressed.

Therefore, please remember to provide a Link-back to the original author, or to the publisher of the original publication when citing.

Thank you for your consideration.

Fork It

If you are an expert in your field of specialty, then I suggest you fork the working repo of this Website and create a Sub-menu topic of your choosing that may be beneficial to our readers.

Send us a Pull Request.

Our team of coders will review your contribution and get back to you with a "thumbs up" ( or, "thumbs down" ).

Can You Contribute Code?

As we can now decipher the time spent by our functions at the code block level ...

How much of your coding time are you willing to invest in this project?

As we rely heavily upon contributions from the coding community, your contribution of code will be greatly appreciated.

Can You Contribute Cash?

As we can now spend the equivalent of our grandparents' monthly mortgage payment at our local Sunday football games ...

How much of your spare cash are you willing to invest in this project?

As we rely heavily upon contributions from the coding community, your contribution of cash will be greatly appreciated.

Can You Contribute Ether?

As we have witnessed the growth of Bitcoin (BTC) from 8 cents to $10,000 USD over the course of the last decade ...

How much of your spare Ether ( ETH ) are you willing to invest in this project?

As we rely heavily upon contributions from the coding community, your contribution of ether will be greatly appreciated.

Public Hash

Scan the following QR Code to extract the Public hash in support of our Medcoin™ Crypto Currency Project.

QR Code - Click to Reveal - the Medcoin Public Hash

Thank you for your contribution.

The Management

The USPTO Registered Logo Badge of the Medical Marijuana Initiative of North America - International Limited, an Arizona Benefit Corporation

Copyright © 2000 - 2017

The Medical Marijuana Initiative of North America Small Registered MMINAIL™ Logo Badge Small Registered MMINAIL™ Logo Badge
- International Limited Small R-Reggae™ Trademark Symbol Logo Badge Small R-Reggae™ Trademark Symbol Logo Badge