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

Question

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

示例： " 1234 "

致"1234"

如果他们点击插件图标，弹出窗口将显示一个文本区域，他们可以在其中输入文本。类似this。

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

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

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 从文本区域获取文本。

• 查看了storage 选项，当时对于这样一个简单的任务来说似乎有点过分了。

感谢您的帮助！

Answer 1

试试innerText

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

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