document.body.addEventListener( 'click', function(event) {
console.log(event.target.id); //id
console.log(event.target.className); //クラス
});| 順位 | ページタイトル抜粋 | ％ |
|---|---|---|
| 1 | クリックした要素のid名を取得 ／ クリックした要素のクラス名を取得 | 53 |
| 2 | クリックした要素を取得 | 44 |
| 3 | オブジェクトのキーとして、配列からランダムな値を取得して使用 | 22 |
| 4 | 現在日時を、dateオブジェクトとして取得 | 22 |
| 5 | オブジェクトの要素数を数える | 21 |
| 6 | オブジェクト内配列より、重複しない値を取得して、新たな配列を生成 | 18 |
| 7 | _以降の文字列を取得 | 18 |
| 8 | 配列をネストしたオブジェクトを生成し、アクセス | 18 |
| 9 | 配列からランダムに値を取得 | 17 |
| 10 | オブジェクトを生成し、アクセス | 16 |
| 11 | テーブルタグと内容を作成して追加 ／ insertRow | 16 |
| 12 | 配列の要素を「数値の降順」にソート | 16 |
| 13 | 指定要素の全ての子要素除去後、子要素リスト末尾へ指定要素追加 | 16 |
| 14 | 配列内の要素を、長さの少ない順に並べ替え | 15 |
| 15 | 現在日時を、「1970年1月1日0時0分0秒（UTC）からの経過秒数」として、ミリ秒単位で取得 | 15 |
| 16 | オブジェクトのキーとして、変数の値を使用 | 15 |
| 17 | 右クリック禁止 | 15 |
| 18 | 検索文字列を使用して文字列内のテキストを置換 | 14 |
| 19 | テーブルタグと内容を作成して追加 ／ for | 14 |
| 20 | 文字列を正規表現で置換。「最初にマッチした内容のみ置換」する場合と、「マッチした内容全てを置換」する場合 | 14 |
| 2025/6/27 15:50 更新 |