在Sizzle对象上执行DOM方法时出错

Question

我正在尝试使用Sizzle (没有jQuery)来选择DOM。我将Sizzle选择与本地JS混合起来，以构建一些动画功能。在对Sizzle对象执行DOM方法时，我遇到了错误。例如：

Sizzle('#masthead-copy').appendChild(foo);

结果：Object has no method 'appendChild'。但以下工作：

document.getElementById('masthead-copy').appendChild(foo);

同样的情况也发生在类似的方法上：

Sizzle('#masthead-images').getElementsByTagName('foo');

但以下工作：

document.getElementById('masthead-images').getElementsByTagName('foo');

Sizzle似乎在所有选择(即使是ids)上返回一个Array，这可能在这里解释这个问题。有一个共同的解决办法吗？

Answer 1

如注释中所示，Sizzle返回所有选择的Array，因此使用Sizzle选择in需要引用结果数组中的第一个(仅)项：

Sizzle('#masthead-copy')[0].appendChild(foo);