javascript - 处理空查询选择器

Question

在我的 JS 中，我有一个查询选择器，如下所示:

  angular.element(document.querySelector('#formatSearch').blur());

我在某些情况下收到错误，因为该元素不存在。如果选择器不返回 null，是否可以有条件地执行此模糊？

例如:

  if (angular.element(document.querySelector('#formatSearch')) !== null) {
    angular.element(document.querySelector('#formatSearch').blur());
  }

在这种情况下，我仍然收到相同的错误。 (null 不是对象)

Answer 1

angular.element() 实际上是 jqLit​​e() 或 jQuery() ，相当于 document.querySelector( )。那么为什么不试试这个:

angular.element('#formatSearch').blur();

编辑:我的假设被 this fiddle 证明是错误的。看起来 jqLit​​e 不支持 CSS 选择器查找元素。

此外，您应该对 angular.element() 返回的对象调用 .blur()。因此，将该行更改为:

angular.element(document.querySelector('#formatSearch')).blur();

要解决元素不存在时出现的错误，请将代码更改为:

if (document.querySelector('#formatSearch')) {  // true only when 'formatSearch' is present
  angular.element(document.querySelector('#formatSearch')).blur();
}