Есть ли способ вставлять переменные элементы через хром?

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>

Повторим, в основном, просто для перемещения этого элемента где-нибудь еще на странице, что позволит ему работать со всеми пользователями, когда у них установлено расширение, или, возможно, дублировать и поместить дубликат где-то еще. Я пытался исследовать проблему, но, похоже, не могу найти решение.