是否可以从弹出面板中修剪文本区域中的文本？

Question

我正在尝试制作一个允许用户修剪文本的扩展。

示例： " 1234 "

到"1234"

如果他们单击插件图标，弹出窗口将显示一个文本区域，他们可以在其中输入文本。 像这样的东西。

单击修剪按钮后，修剪后的文本将显示在文本区域中

但是现在单击按钮时它不会返回任何内容。

JS

function myFunc() {
    var result = document.getElementById("text-area").value;
    result = result.trim();
    document.getElementById("text-area").value = result
}

HTML

        <form id="form1">
        <textarea id="text-area" rows="20" cols="50" placeholder="text here..."></textarea><br>
                <button class="button" onclick="myFunc()">Trim</button>
        </form>

我尝试过的事情

• 使用.textContent而不是.value从 textarea 获取文本。

• 研究了存储选项，当时对于这样一个简单的任务来说似乎有点过分了。

感谢您的帮助！

Answer 1

尝试使用innerText

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText

innerText 很容易与 Node.textContent 混淆，但两者之间有重要的区别。 基本上，innerText 知道文本的呈现外观，而 textContent 不知道。