onclick、onchange、その他の events_javascript スキルの値を取得するための純粋な JavaScript 実装

Xiaocai が今日ドロップダウン メニューのカスケード問題に対処したとき、私は HTML タグ内のイベントの内容、つまり、たとえば で javascript:test(); を取得します。

Xiaocai は、イベントの情報を使用して次のレベルのメニューを決定したいと考えていましたが、この一見単純な質問に Xiaocai は困惑しました。

JQuery について少し知っている場合は、次のように取得してみるとよいでしょう:

コードをコピーします コードは次のとおりです:

$(document).ready(function(){
var onchangeValue = $("#city").attr("onchange");
アラート(onchangeValue);
});

JQuery のユニバーサル attr メソッドは、イベントであっても内容を直接取得できるため、通常の状況では確かに取得できます。

しかし、実際の開発環境では、この方法で Xiaocai を取得することはできず、取得されるものはすべて未定義です。

悩んでいたとき、純粋な JavaScript を使用してそれを取得する別の方法を見つけました。

具体的なコードは次のとおりです:

コードをコピーします コードは次のとおりです:

$(document).ready(function(){
var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue;
アラート(onchangeValue);
});

簡単に言うと、ここでは getAttributeNode() メソッドを主に使用します。XML の処理と同様に、属性とイベントの違いを無視して属性ノードを取得し、nodeValue を使用してそのノード値を取得します。属性ノード。

getAttribute() メソッドを使用した場合、onchange はイベントであるため、取得されるのは関数オブジェクトであり、文字列として扱うことはできません。

この記事が、靴を必要としている子供たちの助けになれば幸いです。 。 。 。 。