Chrome扩展无法修改innerHTML问题求助

我开发的Chrome扩展遇到了无法修改innerHTML的问题：脚本看似正常运行，但无法修改页面内容。将该脚本在浏览器控制台执行可正常工作，但点击扩展图标执行时，会报错指定元素的innerHTML为undefined。

我已确认权限配置正确，且排除了DOM未加载的可能性，以下是相关文件代码：

manifest.json #

{
    "manifest_version": 3,
    "name": "Example name",
    "description": "",
    "version": "1.0",
    "icons": {
      "16": "icon16.png",
      "32": "icon32.png",
      "48": "icon48.png",
      "128": "icon128.png"
    },
    "action": {

    },
    "permissions": ["activeTab", "scripting"],
    "background": {
      "service_worker": "background.js"
    }
  }

background.js #

chrome.action.onClicked.addListener((tab) => {
  chrome.scripting.executeScript({
    target: {tabId: tab.id},
    files: ['content.js']
  });
});

content.js #

仅包含一行代码：修改document.getElementById("randomID").innerHTML为其他内容，该代码在控制台可正常运行，但通过扩展执行则无效。

有没有人能帮忙解决这个问题？

内容的提问来源于stack exchange，提问作者skibidicwigma 123