JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr id="element.incident.comments.additional">
        <td colspan="2">
            <span style="">
            <table cellpadding="0" cellspacing="0" style="table-layout:fixed" width="100%">
            <tbody>
                <tr>
                    <td colspan="2">
                        <hr />
                    </td>
                </tr>
                <tr style="">
                    <td class="tdwrap"><strong>2014-01-23 14:45:40 - <a style="color:blue" href="sys_user.do?sysparm_view=itil&amp;[email protected]">SuperHero</a></strong>
                    </td>
                    <td align="right" nowrap="true"><sup>Additional comments</sup></td></tr>
            <tr style="">
                <td colspan="2"><span style="word-wrap:break-word;">received from: [email protected]<br><br>lalalalalala
                    <br />lotsofwords<br /><br /><br /><br /><br /><br/>
The information transmitted, including any attachments, is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material</span></td></tr></tbody></table></span></td>
</tr>
    </table>
        
        <textarea id="txt" rows="20">123123</textarea>

JavaScript

$("#txt").val($("#element\\.incident\\.comments\\.additional").html());