HTMLのElementは何でも定義できるので…

　JavaScriptで新たにハッシュを定義して、情報をガンガン埋め込むのにハマる。更に何がいいかというと、イベントハンドラに無名関数を定義しておけば、thisオブジェクトから埋め込んだ情報にアクセスできるので、視認性が良くなるし、よりオブジェクト指向っぽい。
　例えばこんなの↓

function myFunc(e)
{
    alert(this.setInfo.text);
    alert(this.fooShout);
}

//prototype.js使ってることにする
Event.observe(window, "load", function()
{
    var bodyobj = document.getElementsByTagName("body")[0];
    bodyobj.innerHTML = '<div id="foo">This is Test.</div>';
    $('foo').setInfo = {"text":"foobarbaz"};
    $('foo').fooShout = "Foooooooooh!!!";
    $('foo').onclick = myFunc;
});

　これだからJavaScriptはやめられない。