remove forEach and Map, update style and display functions

README.md

@@ -18,10 +18,6 @@ tinix is a tiny library of shortcuts for vanilla JavaScript DOM. If all your app
 Same as `document.querySelector`
 #### $.all(selector)
 Same as `document.querySelectorAll`
-#### $.forEach(selector, callback)
-`callback` is called with each `Element` of the `NodeList` matching `selector`.
-#### $.map(selector, callback)
-`callback` is called with each `Element` of the `NodeList` matching `selector`. Returns `Array`.  
 #### $.style(selector, property, value)
 Changes the selector(s) style.property to value.
 #### $.display(selector, value)

tinix.js

@@ -15,27 +15,24 @@ if (tinix.supported && !Element.prototype.on) {
   Element.prototype.on = Element.prototype.addEventListener
 }
 
+if (tinix.supported && !NodeList.prototype.forEach) {
+  NodeList.prototype.forEach = Array.prototype.forEach
+}
+
 tinix.all = function(selector, elem) {
     elem = elem || document
     return elem.querySelectorAll(selector)
 }
 
-tinix.forEach = function(selector, elem, func) {
-    Array.prototype.forEach.call(this.all(selector, elem), func)
-}
-
-tinix.map = function(selector, func) {
-    return Array.prototype.map.call(this.all(selector), func)
-}
 
-tinix.style = function(selector, iteratee, val) {
-    this.forEach(s, function(elem) {
-       elem.style[iteratee] = val
-    })
+tinix.style = function(selector, elem, key, val) {
+  this.all(selector, elem).forEach(function(el){
+    el.style[key] = val;
+  })
 }
 
-tinix.display = function(selector, val) {
-    this.style(selector, "display", val)
+tinix.display = function(selector, elem, val) {
+    this.style(selector, elem, "display", val)
 }
 
 tinix.ready = function(func) {