javascript - 使用谷歌浏览器扩展的javascript将文本插入文本区域

Question

我正在尝试扩展现有谷歌浏览器扩展程序的功能。使用 Wrike google chrome 扩展程序，我的目标是添加一个按钮(或多个按钮)，该按钮将向描述字段(文本区域)添加一些文本。期望的效果是，如果用户单击“添加模板”按钮，代码/文本将被插入到 id="description"的文本区域中，这是 Wrike chrome 扩展的原生内容。您将在下面找到我一直在使用的一些代码。

这是表格的描述部分。位于 createTask.html

<div class="main-description main-row">
    <textarea placeholder="Click to add description" id="description" class="main-description-text"></textarea>
</div>

这是我创建的按钮，它将开始向文本区域添加文本:

<span class="btn m-green btn-addtemp" id="link">Add Template</span>

在 template.js 中(在 createTask.html 中正确链接到外部 .js 文件:

function insertText(text) {
    document.getElementById("description").innerHTML = text;
}

document.addEventListener('DOMContentLoaded', function() {
    var link = document.getElementById('link');
    link.addEventListener('click', function() {
        insertText('Sample text here');
    });
});

我可以获得此代码以将“此处的示例文本”插入到具有 ID 的 div 中，但无法将其插入到 id=description 的文本区域中。任何帮助将不胜感激，如有必要，我非常乐意提供更详细的信息。谢谢!

Answer 1

尝试使用 element.value:

function insertText(text) {
    document.getElementById("description").value= text;
}