JSFiddle - React, Tailwind, and code Playground

by lindychen

HTML

<div class="elementor-element elementor-element-57447ef elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="57447ef" data-element_type="widget" id="headerlogox" data-widget_type="theme-site-logo.default">
  <div class="elementor-widget-container">
    <div class="elementor-image">
      <a data-elementor-open-lightbox="" href="https://www.test.surveysloth.com">
        <img width="300" height="40" src="https://www.test.surveysloth.com/wp-content/uploads/2019/08/cropped-Logo-300x40.png" class="attachment-medium size-medium" alt="" srcset="https://www.test.surveysloth.com/wp-content/uploads/2019/08/cropped-Logo-300x40.png 300w, https://www.test.surveysloth.com/wp-content/uploads/2019/08/cropped-Logo.png 402w" sizes="(max-width: 300px) 100vw, 300px"> </a>
    </div>
  </div>
</div>

JavaScript

var element = document.querySelector("#headerlogox > div > div > a > img");
element.src = "https://i.imgur.com/Y9sFVps.png";