1

getElementById を使用して画像の onclick プロパティにアクセスする方法があるかどうか疑問に思っていましたか?

例えば

lastTopic = document.getElementById('topicID').src;
lastTitle = document.getElementById('topicID').title;

これらの変数は保存されているので、関連する onclick イベントにもアクセスする方法があるかどうか疑問に思っていましたか?

ありがとう。

4

3 に答える 3

6

もちろん、onclick プロパティを設定するには:

document.getElementById('topicID').onclick = function () {
   ...
};

またはそれを取得するには：

alert(document.getElementById('topicID').onclick);
于 2010-12-11T11:17:32.237 に答える
4

実際に何が何であるかを覚えておくことが重要です。これは、古い「DOM0」(たとえば、標準化されていない) メカニズムを使用onclickしてイベントにハンドラーをアタッチするために使用できる属性 (および反映されたプロパティ) です。click

またはIEのほぼ同等のclick標準化されたメカニズムを使用してハンドラーをアタッチしている場合、それらは属性またはプロパティに割り当てられていないため、またはが残ります。addEventListenerattachEventonclicknullundefinedonclick

この違いの調査は次のとおりです（ライブの例）：

HTML:

<p>This one has an onclick:
<img src='http://www.gravatar.com/avatar/0f1f6b8a8416c6cf0a97cfc864889788?s=32&d=identicon&r=PG' id='dom0img' onclick='dom0click(this);'></p>
<p>This one has a DOM2 click handler:
<img src='http://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG' id='dom2img'></p>

JavaScript:

window.onload = function() {

  var dom0img, dom2img;

  dom0img = document.getElementById('dom0img');
  dom2img = document.getElementById('dom2img');
  if (dom2img.addEventListener) {
    dom2img.addEventListener('click', dom2click, false);
    display("Attached DOM2-style handler to dom2img via addEventListener");
  }
  else if (dom2img.attachEvent) {
    dom2img.attachEvent('onclick', dom2click);
    display("Attached DOM2-style handler to dom2img via attachEvent");
  }
  else {
    display("Can't attach DOM2-style handler to dom2img");
  }

  display("dom0img.onclick = " + dom0img.onclick);
  display("dom2img.onclick = " + dom2img.onclick);
};

function dom0click(img) {
  display("DOM0 click on " + img.id);
}
function dom2click() {
  display("DOM2 click on " + this.id);
}
function display(msg) {
  var p = document.createElement('p');
  p.innerHTML = msg;
  document.body.appendChild(p);
}​

Chrome での出力:

addEventListener を介して dom2img に接続された DOM2 スタイルのハンドラー
dom0img.onclick = 関数 onclick(イベント) { dom0click(これ); }
dom2img.onclick = null

IE6 および IE8 での出力:

attachEvent を介して dom2img にアタッチされた DOM2 スタイルのハンドラー
dom0img.onclick = function anonymous() { dom0click(this); }
dom2img.onclick = null

Firefox での出力:

addEventListener を介して dom2img に接続された DOM2 スタイルのハンドラー
dom0img.onclick = 関数 onclick(イベント) { dom0click(これ); }
dom2img.onclick = 未定義
于 2010-12-11T11:24:25.640 に答える
1

element.getAttribute(attributeName) メソッドを使用して、任意の DOM 属性値を取得できます。

@box9が言ったように、 onclick イベントを動的にバインドするか、イメージタグの onclick 属性を介してバインドする必要があります。

于 2010-12-11T11:20:38.997 に答える