Targeting specific elements within an ID

Altering the text within a <p> nested below a <div with the assigned ID=”CreateTokenTokenCost”:

<div class="elementor-element elementor-element-9c45b00 elementor-widget elementor-widget-text-editor" data-id="9c45b00" data-element_type="widget" id="CreateTokenTokenCost" data-widget_type="text-editor.default">
  <div class="elementor-widget-container">
    <p style="text-align: center;">$##.##</p>
  </div>
</div>

If you use this on the ID:

document.getElementById('CreateTokenTokenCost').textContent = "£12.34";

You will remove the <div> and <p> surrounding the target text, resulting in styling being lost. Instead use querySelector to target the <p> directly:

document.querySelector('#CreateTokenTokenCost p').textContent = '$12.34';