事件处理程序中的错误：TypeError：无法将属性“值”设置为null

Question

我是Chrome扩展程序的新手，它试图创建一个简单的代码，以通过下拉菜单或右键单击将一些文本插入html输入字段或文本区域值。

但是收到以下错误。

事件处理程序中的错误：TypeError：无法将属性“值”设置为null

但是如果我使用控制台，这行得通，在这里我想念什么？

msg_cnt_cnt是该框的HTML的ID，也是页面上唯一的框

这是我的代码：script.js

function past_to_box() {

var text =  'Hello world';
document.getElementById("msg_cnt_cnt").value = text;

}


chrome.contextMenus.create({
  title: "Dispatched", 
  contexts:["all"], 
  onclick: past_to_box
});

清单

{
  "name": "Getting Started Example",
  "version": "1.0",
  "description": "Build an Extension!",
  "permissions": ["activeTab", "declarativeContent", "storage","tabs","contextMenus"],
  "background": { 
      "scripts": ["script.js"]
    },
  "manifest_version": 2
}