创建元素不显示

Question

我正在尝试使用 html 菜单制作一个 Tampermonkey 脚本。下面是当前脚本，我尝试创建元素但它没有显示出来。所以我写了这个元素，它删除了页面上的所有其他内容。我尝试查看其他已回答的问题，但没有一个有帮助

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://mtsl.dk/csgo/
// @icon         https://www.google.com/s2/favicons?domain=freefrontend.com
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  var elem = document.createElement('div')
  elem.innerHTML = '<div id="menu"><style>div{background-color: #fec5bb; color: #3A7CA5; border: 0px solid red; border-radius: 5px; margin: 10px; padding: 5px;}</style> <div>Inventory Editor:<button>Edit Inventory</button></div><div>Autoclicker: <button>Auto Click</button></div></div>'
  document.write(elem.innerHTML)
})();

<!-- This is what elem.innerHTML looks like (see function above) -->

<!-- <div id="menu">
  <style>
    div {
      background-color: #fec5bb;
      color: #3A7CA5;
      border: 0px solid red;
      border-radius: 5px;
      margin: 10px;
      padding: 5px;
    }
  </style>
  <div>Inventory Editor:<button>Edit Inventory</button></div>
  <div>Autoclicker: <button>Auto Click</button></div>
</div> -->

Answer 1

尝试做：

overlay html

对于 css 的东西，你可以尝试这样做：

// @grant GM_addStyle

那就做吧

css

对不起，我不得不放链接，我没有足够的声誉来放实际图片。