How to change "Messenger" span to "Messages" using console?

Question

JavaScript

<li id="l_msg" class="">
  <a href="/im" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
    <span class="left_icon fl_l"></span>
    <span class="left_label inl_bl">Мессенджер</span>
    <span class="left_count_wrap fl_r"><span class="inl_bl left_count">37</span></span>
  </a>
</li>

How to use the console to change the span "Messenger" to "Messages"?

Answer 1

document.querySelector('#l_msg .left_label').textContent = 'Messages';
Even cooler: and change what you want right on the page.
document.body.contentEditable = true