フロントサイドエンジニアという選択肢

HTMLコーダー → ECサイト運営 → システムエンジニア という経歴の著者がフロントサイトエンジニアという職業に今後の活路を見出し、その道に進むために取得した技術を貯めておくブログ

(Javascript)イベントハンドラを一括設定する場合の基本

リンクタグのonclickなどに処理を持たせる場合、document.linksで一括処理できますが、 細かい部分を忘れそうなのでその方法をメモとして残しておきます。

ページ内の全てのリンクタグにonclickイベントを一括設定する
// document内のリンクタグを全て取得
var linkTags = document.links;
for(var i in linkTags)
{
    // 各リンクタグのonclickにメソッドを設定
    linkTags[i].onclick = function(){
        
        // aタグ本体にはthisでアクセスする。但し内部のテキストにもthisでアクセスできる。
        alert(this.name + '\n' + this.text + '\n' + this.href);
    };
}