<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;
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.