javascript - 简单的 JavaScript 查询选择器不起作用？

Question

我编写此脚本是为了拥有一个名为“call”的方法，该方法充当 document.querySelectorAll() 的秘书。示例:

var obj = {
    call: function( s ) { return document.querySelectorAll( s ); }
};

obj.call(".test").innerHTML == "Changed";

<小时/>

<p class="test">Original</p>

所以，显然，(我认为)这会将innerHTML值从“原始”更改为“已更改”，但不起作用。

我尝试过其他测试，例如 .style.background = "red"; 但这也不起作用。

我在 Chrome 的错误控制台中没有看到任何错误，所以我不明白为什么这不起作用。对于 javascript，我是一个十足的菜鸟，因此我们将不胜感激。

Answer 1

QSA 返回一个 NodeList(基本上看起来和行为都像一个数组)，文档如下:https://developer.mozilla.org/en-US/docs/DOM/Document.querySelectorAll

因此，您需要比较:

var isFoo = obj.call('.test')[0].innerHTML == 'foo';

其他一些要点:

1) call 是 JS 中的保留字，最好选择其他内容

2)您是否正在尝试比较结果(您当前正在做什么)或者是否正在尝试设置innerHTML？如果是后者，代码应为:

obj.call('.test')[0].innerHTML = 'foo';

因为 == 是比较运算符，而不是赋值运算符。