【问题标题】:<Script> vs. external file for button.style.cursor<Script> 与 button.style.cursor 的外部文件
【发布时间】:2015-06-01 20:13:46
【问题描述】:

我将以下代码包含在单独的文件 (random.js) 中以及作为 random.html 文件本身的标记的一部分。只要代码在标签中但不在单独的 .js 文件中,代码就可以工作。是否需要首先执行初始化例程?

var button = document.querySelector("button");
button.style.cursor = "pointer";

【问题讨论】:

    标签: javascript styles mouse-cursor


    【解决方案1】:
    1. 您的document.querySelector("button") 将获得页面上所有&lt;button&gt; 元素的数组。从您的代码来看,您似乎只需要一个按钮,因此请尝试使用 id,例如“#button”而不是“button”。

    2. 如果这没有帮助,JS 应该包含在页面的 底部。确保你正在这样做。

    3. 如果这仍然不起作用,请尝试将所有代码包装在 window.onready 函数中。

    【讨论】:

    • #1 是错误的。 querySelector 只返回第一个匹配元素,querySelectorAll 获取所有元素的列表。
    猜你喜欢
    • 1970-01-01
    • 2011-04-21
    • 1970-01-01
    • 2018-05-30
    • 2016-01-24
    • 2015-07-03
    • 1970-01-01
    • 1970-01-01
    • 2020-10-28
    相关资源
    最近更新 更多