<div contenteditable>
  
  A 
  
  mind 
  
  needs books<br>as a sword needs a whetstone<p>if it is to <span style="display: block">keep</span> its edge.
  </p>
  
</div>
<div>
  innerText<textarea id="innerText" style="display: inline-block"></textarea>
</div>
<div>
  textContent<textarea id="textContent" style="display: inline-block"></textarea>
</div>
div, textarea {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: 160px;
  margin-right: 10px;
}
document.querySelector('#innerText').value = document.querySelector('div').innerText;

document.querySelector('#textContent').value = document.querySelector('div').textContent;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.