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がスッキリしますね!

関連記事

サンフランシスコのピア39にあるチャウダーズでクラムチャウダーを食す!

lolipop アップルの開発者向けイベント「WWDC2014」

ミスドのカルピスドーナツとカルピスポンデリングを食べてみた!

ミスドで期間限定のカルピスコラボ商品「カルピスドーナツ」と「カルピ

十三カレー計画で牛すじカレーネギのせを食す!(大阪・十三)

「iPhoneアプリ開発キャンプ@大阪」のランチで、十三カレー計画

大阪・難波の加寿屋 法善寺でかすうどんを食す。ランチタイムはおにぎり2個まで無料!

大阪・難波の加寿屋 法善寺 (かすうどん KASUYA)で、かす

ライブドアブログで運営していた「あきお商店」を「卵は世界である」に改名しました

少し前からライブドアブログで「あきお商店」というブログをやって

→もっと見る

PAGE TOP ↑