Javascript Chrome-样式显示在element.style中

默认情况下，页面顶部有一个带有“隐藏”按钮的固定工具栏。当用户单击“隐藏”按钮时，工具栏将隐藏

当用户将鼠标悬停在页面顶部时，工具栏会透明地显示“显示”按钮。当用户单击“显示”时，工具栏会像以前一样显示

---

我看到显示和隐藏是使用“display:show/hide”属性完成的。但我看到这个属性显示在开发工具的“element.style”部分。这是否意味着该样式是使用style/.css（）方法注入javascript/jQuery的？或者这意味着什么呢？

不，这很可能是通过

您通常希望直接使用“元素样式”，因为它是样式“锚定”，具有最高的：

元素风格

身份证

.类

检查此示例：

函数onClick（）{
document.getElementById（“hello”）.style.display=“无”；
}

你好，世界！
单击我

JavaScript中没有“.css（）方法”。如果您指的是jQuery方法（或任何其他框架的方法）–是的，这些方法通常直接（通过

.style

属性）操作元素的样式，与

.show/.hide

相同，这也算作元素样式。

显示：show/hide

？哦，是的……我是指jQuery！！！我不明白你说的。你能再解释一下吗。好的，那么你说的是，element.style下出现的样式总是来自javascript/jquery/（任何其他脚本）注入的样式…（不是通过addclass）对吧？很可能是的。但是你必须考虑一件事：在最初的标记中总是可以写“风格”的东西。因此，您可以在“html部分”中设置元素的样式。但是，您的案例只能通过脚本解决。另一个提示：请注意jQuery只是一个Javascript框架，而不是另一种语言。谢谢，没错。可以直接从html注入。我现在发现的一件事是，在“网络”选项卡下，当我单击“显示”或“隐藏”按钮时，我没有看到任何请求？有没有一种方法可以准确地获取处理显示/隐藏的文件？这有点复杂。您可以将监视表达式添加到“Firefox开发者工具调试器”（不知道Chrome中是否有类似的函数）。