Как извлечь текст который появляется после нажатия кнопки?

[olta78]

Здравствуйте! Не могу извлечь текст. Имеются вот такие элементы:

<span id="LastAutoBetInfoWon" style="display: inline;">Профит</span>
<span id="LastAutoBetInfoLost" style="display: none;">Потерял</span>

при нажатии на кнопку:

<div class="BetButton" id="AutoBetLowButton">
                                <span class="BetControlTitle">Меньше</span>
                            </div>

появляется надпись ПРОФИТ или ПОТЕРЯЛ, вопрос в том, как именно извлечь эту надпись в переменную? Подскажите как разобраться, или в какую сторону копать. Заранее огромное спасибо.

[ksa]

olta78, писать в span

style="display: inline;"

Это масло масляное...

<div class="BetButton" id="AutoBetLowButton">
      <span class="BetControlTitle">Меньше</span>
</div>

Это не кнопка...

как именно извлечь эту надпись в переменную?

Как вариант...

<span id="LastAutoBetInfoWon">Профит</span>
<span id="LastAutoBetInfoLost" class='off'>Потерял</span>
<div class="BetButton" id="AutoBetLowButton">
	<span class="BetControlTitle">Меньше</span>
</div>
<script type='text/javascript'>
alert(document.getElementById('LastAutoBetInfoWon').innerHTML);
alert(document.getElementById('LastAutoBetInfoLost').innerHTML);
</script>

[ruslan_mart]

window.addEventListener('DOMContentLoaded', function() {
   var AutoBetLowButton = document.getElementById('AutoBetLowButton'),
       LastAutoBetInfoWon = document.getElementById('LastAutoBetInfoWon'),
       LastAutoBetInfoLost = document.getElementById('LastAutoBetInfoLost');

   AutoBetLowButton.addEventListener('click', function() {
      var result = (LastAutoBetInfoWon.style.display !== 'none' ? LastAutoBetInfoWon : LastAutoBetInfoLost).textContent;
      alert(result);
   });
});