javascript - UserScript 无法在 DOM 中找到元素

<分区>

我有这个简单的用户脚本，用于更改 YouTube 页面上的某些链接:

// ==UserScript==
// @name           name
// @description    description
// @include        https://www.youtube.com/*
// @match          https://www.youtube.com/*
// ==/UserScript==

var titles = document.getElementsByClassName("vm-video-title-content");

for (var i=0; i<titles.length; i++) {
    titles[i].setAttribute("href", titles[i].getAttribute("href").replace("/edit?o=U&video_id", "watch?v"));
}

当我在小书签中使用该代码或将其粘贴到控制台时该代码有效，但在作为用户脚本安装的 Chrome 中似乎没有效果。

我曾尝试使用 window.onload 和 window.addEventListener() 使代码在页面加载后运行，但它对生成代码没有帮助工作。

如何使这段代码在用户脚本中运行？

最佳答案

使用元区 block @run-at属性允许您决定何时注入(inject)(并因此运行)代码

因为您需要等待 DOM 完成加载，所以您可以使用