Javascript中object.method（）与object.method的对比

我对JavaScript相当陌生，我很难理解这种语法

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

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

如果这是正确的，是不是应该是.style.display='none'

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

在css中使用style。你不应该使用时尚。当您输入typingelement.style.dispaly时，您允许浏览器知道您想要更改元素的css属性

获取时，它返回一个CSSStyleDeclaration对象，该对象包含该元素的所有样式属性的列表

它只是作为引用对象的普通属性而不是返回对象的函数进行访问

还请注意

document.querySelector'dice'

除非dice是一个特殊的HTML标记，否则可能无效。您可能正在寻找.querySelector'.dice'类选择或.querySelector'$dice'id选择。

样式是DOM对象的属性，而不是方法

因此，它与使用以下语法一样好：

const person = {
  name: {
   first: 'ABC'
  }
}

person.name.first = 'CDE';

类似于

---

document.querySelector'dice.style.display='none'

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

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

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

单击以了解有关查询选择器的详细信息

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

document.querySelector是一种方法。这意味着它是一个存储为对象属性的函数。当调用document.querySelector'div'方法时，它将返回文档中的第一个div元素。返回的值将是一个包含对象属性的对象。

---

所以document.querySelector'div'。style将显示其样式。您可以从中获取特定值并更改其样式。

样式不是函数。请删除？from.style.display='none'？.style是一个对象，而不是函数。style不是函数，也不是工厂函数，style是一个对象，其属性使您能够在该上下文中操纵任何DOM objectname的外观，这充其量是一种混乱。你能试着澄清一下吗，因为它将匹配一个元素，而不是一个元素，当你需要引用你的源代码时，最好在答案编辑器中将其标记为引文>文本