YUI3如何查看元素是否存在

Question

如何判断YUI3中是否存在元素？

例如，如果#noHero存在，则将类名添加到#header。

Answer 1

如果您使用Y.one()检查是否存在单个节点，则以下内容将起作用：

var el = Y.one("#noHero");

if (el) {
  // do something
}

但是，值得注意的是Y.all()将返回一个空的NodeList，它将评估为true。在这种情况下，您应该使用.size()作为测试条件。

var els = Y.all(".noHero");

if (els.size()) {
  // do something
}

Answer 2

jsFiddle Demo

function findThis() {
    return Y.one("#noHero");
}

if (findThis()) {
   alert("found");
}
else{
  alert('not found');
}

Answer 3

您可以尝试以这种方式使用

var mainDiv =Y.one("#noHero");

if ( mainDiv ) {
    mainDiv.addClass(".someClass");
} 

在上面的语句中，如果YUI找不到一个节点，那么它将返回“null”，这总是假的