behaviour.js
公開日:
:
最終更新日:2014/01/25
未分類
記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。
behaviour.jsを使ってみた。
<html>
<head><script language=”JavaScript” src=”behaviour.js”>
</script><script language=”JavaScript”>
<!–
var myrules = {
‘#example li’ : function(el){
el.onclick = function(){
this.parentNode.removeChild(this);}
}
};
Behaviour.register(myrules);
//–>
</script></head>
<body><ul>
<li>
<a onclick=”this.parentNode.removeChild(this)” href=”#”>
Click me to delete me
</a>
</li>
</ul><ul id=”example”>
<li>
<a href=”/someurl”>Click me to delete me</a>
</li>
</ul></body>
</html>
関数を実行する場所を CSS セレクタで指定できます。
これならHTMLがスッキリしますね!