williammalo/README.md

## README.md

      
    Raw
  

              README.md
            
          
    I always thought there was a better way to access the dom. This is a tool that allows you to use extremely simple syntax to access dom elements. It makes an object with the name of your choice (I chose "$") that contains a reference to all elements that have an id.
example:

<script>
$.foo.innerHTML = "Hello world"
</script>
You can even choose to use an object that already exists (I chose "document" because it makes sense)
document.foo.innerHTML = "Hello world"
If you want to live dangerously, you can even make everything global!
foo.innerHTML = "Hello world"

  
## annotated.js
function(
a,          //object
d,i         //placeholders
){
for(i in d=document.getElementsByTagName('*'))    //for every element in the page
a[d[i].id]                                        //make a variable in that object that has the name of the id
=d[i]                                             //set that variable's value to the element
}

## index.js
function(a,d,i){for(i in d=document.getElementsByTagName('*'))a[d[i].id]=d[i]}

## package.json
{
  "name": "EasyGetElementById",

  "description": "The cleanest, easiest dom api ever! It will change your life!",

  "keywords": [
    "dom",
    "id",
    "query",
    "simple",
    "easy"
  ]
}

## test.html
<!doctype html>
<span id=foo></span>
<span id=bar></span>
<span id=lorem></span>
<span id=ipsum></span>
<span id=dolor></span>
<span></span>
<script>
easydom = function(a,d,i){for(i in d=document.getElementsByTagName('*'))a[d[i].id]=d[i]}

var $={}

easydom($)

$.foo.innerHTML = "It"
$.bar.innerHTML = "works!"
$.lorem.innerHTML = "amazing"
$.ipsum.innerHTML = "!!!!!!!!"
</script>
	function(
	a, //object
	d,i //placeholders
	){
	for(i in d=document.getElementsByTagName('*')) //for every element in the page
	a[d[i].id] //make a variable in that object that has the name of the id
	=d[i] //set that variable's value to the element
	}
	{
	"name": "EasyGetElementById",

	"description": "The cleanest, easiest dom api ever! It will change your life!",

	"keywords": [
	"dom",
	"id",
	"query",
	"simple",
	"easy"
	]
	}
	<!doctype html>
	<span id=foo></span>
	<span id=bar></span>
	<span id=lorem></span>
	<span id=ipsum></span>
	<span id=dolor></span>
	<span></span>
	<script>
	easydom = function(a,d,i){for(i in d=document.getElementsByTagName('*'))a[d[i].id]=d[i]}

	var $={}

	easydom($)

	$.foo.innerHTML = "It"
	$.bar.innerHTML = "works!"
	$.lorem.innerHTML = "amazing"
	$.ipsum.innerHTML = "!!!!!!!!"
	</script>