attach method to dom element

by bjelline

HTML

<div id="d1" class="fooable">bla</div>
<div id="d2" class="fooable">blo</div>
<div id="d3" class="fooable">blubb</div>

JavaScript

function original_foo(color) {
    this.style.backgroundColor = color;
}

var all_nodes = document.querySelectorAll("*");
for (var i in all_nodes) {
    var node = all_nodes[i];
    node.foo = original_foo;
}

var d = document.getElementById("d2");
d.foo("red");

document.getElementById("d1").foo("green");