如果存在具有特定CSS类的元素，则执行Javascript

Question

如果用户在文本框中输入的值不正确，我的页面会显示一个类别为“validation-errors”的错误div。

当显示错误div时，有没有办法执行javascript函数（它为按钮添加CSS属性）？该功能目前在window.onload。

中调用

如果窗口已更改/添加了元素，是否有办法执行javascript函数？

Answer 1

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

Answer 2

如果页面上有jQuery：

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

在纯JS中它会是这样的：

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

Answer 3

如果你可以使用jQuery，你可以做

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