Wie schneiden Sie den formatierten HTML -Inhalt eines inhaltlichen Elements ab? ⇐ HTML

[Anonymous]

Ich habe die folgende einfache inhaltliche Tabellenzelle:

Wenn ich die Taste von Test drücke, gibt es die Werte für Innerhtml und InnerText im Feld aus.
What I want to achieve: be able to "trim" the innerHTML value (i.e., remove blank lines) while keeping the formatting. This is simple to do with the innerText value (just something like document.getElementById("id").innerText.trim()[/code]), aber die Formatierung ist verschwunden. Ich kann keinen Hinweis auf "Trimmen" eines innerenhtml -Werts sehen. Gibt es eine Möglichkeit, dies mit JavaScript oder JQuery zu tun?

Code: Select all

    function test() {
var html = document.getElementById("inputBox").innerHTML;
var text = document.getElementById("inputBox").innerText;
console.log(`html:\n${html}`);
console.log(`text:\n${text}`);
}< /code>
table {
width: 100%;
}

td#inputBox {
height: 100px;
border: 1px solid #020202;
}< /code>





Test