javascript - Javascript 中的 object.method() 与 object.method

Question

我对 JavaScript 还很陌生，我很难理解这种语法。

document.querySelector('dice').style.display='none';

我的理解是我们正在文档对象上调用 querySelector 方法 - 这将返回一个选择。现在我们对此选择调用 style 方法 - 这将返回一个样式对象。接下来我们将其显示属性更改为“none”以隐藏它。

如果这是正确的，那么不应该是 .style().display = 'none' 吗？

如果 style 确实是一个方法，那么调用它时不应该需要括号吗？

Answer 1

querySelector() 方法返回与文档中指定 CSS 选择器匹配的第一个元素。

注意: querySelector() 方法仅返回与指定选择器匹配的第一个元素。要返回所有匹配项，请改用 querySelectorAll() 方法。

如果选择器与文档中多次使用的 ID 匹配(请注意，“id”在页面内应该是唯一的，并且不应使用多次)，它将返回第一个匹配元素。

点击here了解有关查询选择器的更多信息。

“style”属性用于通过脚本将一些内联样式应用到 dom 元素。根据您提到的示例，document.querySelector('dice').style.display='none'; 只是隐藏第一个 dom 元素“dice”。