Adding an element with a unique ID

We will inject new blood into our message by adding a new HTML element to the page.

Getting ready

The Element class deals with methods such as inject() and destroy(). There are also classes for String and Number among others. When faced with a need to add an element with a unique ID attribute, we turn to String.uniqueID(). This method uses Date.now() to return a string that will be, invariably, unique.

How to do it...

Note that to make a copy of our existing my_target we use Element.clone().

<script type="text/javascript" src="mootools-1.3.0.js"></script> </head> <body> <form action="javascript:" method="get"> <input type="button" value="Unique Me!"/> </form> <div id="my_target" style="width:150px; height:150px; ...

Get MooTools 1.3 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.