get element utils

js/framework/framework-init.js

@@ -9,18 +9,21 @@
 
   // DOM has completed
   function completed() {
+    // remove any listeners
     document.removeEventListener( "DOMContentLoaded", completed, false );
     window.removeEventListener( "load", completed, false );
     framework.trigger("ready");
+    
+    // init the framework
     initalize();
   }
 
-  // When the DOM is ready, call .ready()
+  // When the DOM is ready, call completed()
   if ( document.readyState === "complete" ) {
-    // DOM is already ready, run .ready() via setTimeout
+    // DOM is already ready
     setTimeout( completed );
   } else {
-    // DOM isn't ready yet, add event listeners for when it is
+    // DOM isn't ready yet, add event listeners
     document.addEventListener( "DOMContentLoaded", completed, false );
     window.addEventListener( "load", completed, false );
   }

js/framework/framework-utilities.js

@@ -1,11 +1,24 @@
 (function(window, document, framework) {
 
+  framework.get = function(id) {
+    return document.getElementById(id);
+  };
+
+  framework.getByClass = function(classname) {
+    return document.getElementByClassName(classname);
+  };
+
+  framework.getByTag = function(tagName) {
+    return document.getElementsByTagName(tagName);
+  };
+
   framework.trigger = function(type, data) {
     window.dispatchEvent( new CustomEvent(type, data) );
   };
 
-  framework.on = function(type, callback) {
+  framework.on = function(type, callback, element) {
-    window.addEventListener(type, callback);
+    var e = element || window;
+    e.addEventListener(type, callback);
   };
 
 })(this, document, this.FM = this.FM || {});