反正有通过铬注入变量元素吗？

Question

我正在构建一个Chrome扩展程序，该扩展程序可以将CSS和JS注入特定的网站。我只是想知道是否有任何方法可以操纵变量元素。例如，如果我想复制用户的用户名并将其放在网站上的其他位置。这是我可以访问的当前DOM的一个示例：

<span class="nav-user">
  <li class="dropdown nav-item">
    <img alt="Avatar" class="nav-user-avatar" src="usersimage.png">
      <a aria-haspopup="true" href="#" class="dropdown-toggle nav-link" aria-expanded="false">          <span class="nav-username">Rbxntl</span>
      </a>
        <div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu dropdown-menu-right">
        <a class="dropdown-item" href="#">
        <span>Logout</span>
        </a>
     </div>
   </li>
</span>

基本上要重申一下，只是将此元素移动到页面上的其他位置，这将使它在安装了扩展程序的所有用户上都能使用，或者可能将其复制并将其放置在其他位置。我曾尝试研究此问题，但似乎找不到解决方法。