javascript - IDまたは名前の代わりにhtmlタグに観察クリックを追加するJavascriptプロトタイプ

Question

<h4>ID や名前を使用せずに、タグのプロトタイプ js に監視ステートメントを追加したいと考えています。たとえば、私はhtmlに持っています：

 <h4>Some Item</h4>

Javascriptで私はやりたい：

$(<h4>).observe('click', function() {
 //do some stuff here
});

タグにIDまたは名前を追加して使用できることは知って<h4>いますが、IDまたは名前タグなしでどのように行うのですか?

Answer 1

私のプロトタイプは錆びていますが、これでうまくいくと思います。基本的には、すべての を取得し、<h4>それらをループして、イベント オブザーバーを追加するだけです。

$$('h4').each(function(h) {
  $(h).observe('click', function(e) {
    //do some stuff here
  }
});

最初のものだけが必要な場合は、<h4>配列の逆参照を使用します。

$$('h4')[0].observe('click', function(e) {
  //do some stuff here
});

当然、2番目が必要な場合は、ゼロを1に変更するだけです.

Answer 2

PrototypeJSには、invoke()アイテムのリストを反復処理し、リスト内のすべてのアイテムに対して同じメソッドを実行するメソッドがあります。

例えば

$$('h4').invoke('observe','click',function(e){
    //handle event here
    //'this' is the element
    //'e' is the Event object
});

Answer 3

私の知る限り、あなたはできません。ブラウザはどのようにして 2 つの h4 を任意の ID で区別できますか?

あなたもできる

<h4 onclick="">

ただし、IDを指定することもできます。