javascript - 特定のCSSクラスを持つ要素が存在する場合はJavascriptを実行します

Question

validation-errorsユーザーがテキストボックスに間違った値を入力した場合に、クラスが''のエラーdivを表示するページがあります。

エラーdivが表示されたときにjavascript関数（ボタンにCSSプロパティを追加する）を実行する方法はありますか？この関数は現在、で呼び出されていwindow.onloadます。

ウィンドウが変更された/要素が追加された場合にjavascript関数を実行する方法はありますか？

score 4 · Accepted Answer

$('.validation-errors').bind('DOMSubtreeModified', function () {
  if ($('.validation-errors').length) { 
    // code
  }
});

score 3 · Accepted Answer

ページにjQueryがある場合：

if ($('.validation-errors').length){ /*your code here */ }

純粋なJSでは、次のようになります。

if (document.getElementsByClassName("validation-errors").length){ /*your code here */ }

score 0 · Accepted Answer

jQueryを使用できる場合は、

$(".validation-errors").live(function() {/* do whatever you want when your error div exists */ });

3 に答える 3