javascript - document.getElementsByClassName(...)[0] 在 GM 脚本中未定义，在 JS 中有效

Question

这个问题已经有答案了:

How to run a selector on a dynamically generated page? (2 个回答)

已关闭 7 年前。

我正在尝试使用这行 JavaScript 作为 GreaseMonkey 脚本:

javascript: document.getElementsByClassName("widget-contents")[0].style.height='640px';void(0);

我尝试将其转换为 GreaseMonkey 脚本，如下所示:

// ==UserScript==
// @name        First GM Script
// @namespace   http://www.example.net/
// @description first gm script
// @include     https//www.example.net/*
// @version     1
// @grant       none
// ==/UserScript==
document.getElementsByClassName('widget-contents') [0].style.height = '640px';

我收到此错误:

document.getElementsByClassName(...)[0] is undefined

有人可以向我解释一下我做错了什么吗？

Answer 1

尝试

document.onload = function() {
  document.getElementsByClassName('widget-contents') [0].style.height = '640px';
}