Заменить br на новые строки

document.querySelector('button').addEventListener('click', function () { 
  var div = document.querySelector('.amessage') 
  div.textContent = div.textContent; 
})

.amessage { 
  white-space: pre; 
}

<div class="amessage"> 
  строка 1 
  <br> строка 2 
  <br class="br"> 
  <br> строка 3 
</div> 
<button>Заменить</button>

$('button').click(function () { 
    console.log('html до:\n\n' + $('.amessage').html()); 
    $('\n').replaceAll('.amessage br'); 
    console.log('html после:\n\n' + $('.amessage').html()); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<div class="amessage"> 
    строка 1 
    <br> 
    строка 2 
    <br class="br"> 
    <br> 
    строка 3 
</div> 
<button>Заменить</button>

let text = 
`<div class="amessage"> 
    строка 1 
    <br> 
    строка 2 
    <br class="br"> 
    <br> 
    строка 3 
</div>`; 
 
function replaceBrTagsToNewLineChar(text) { 
  let element = $.parseHTML('<div>' + text + '</div>'); 
  element = $(element[0]); 
  $('\n').replaceAll(element.find('br')); 
  return element.html(); 
} 
 
console.log('html до:\n\n' + text); 
console.log('html после:\n\n' + replaceBrTagsToNewLineChar(text));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>