Google chrome extension 修改后的innerHTML不显示在页面上

Google chrome extension 修改后的innerHTML不显示在页面上,google-chrome-extension,innerhtml,Google Chrome Extension,Innerhtml,我正在写一个谷歌扩展。在这里,我的内容脚本根据从后台请求的关键字列表修改页面。但是新的innerHTML不会显示在屏幕上。我已经给它加了一个提醒,这样我可以在决定实际发送消息之前看到关键词,但这不是例行程序应该如何工作。代码如下: // MESSAGE.JS // //alert("Message Page"); var keyWordList= new Array(); var firstMessage="Hello!"; var contentMessage=document.getEle

我正在写一个谷歌扩展。在这里,我的内容脚本根据从后台请求的关键字列表修改页面。但是新的innerHTML不会显示在屏幕上。我已经给它加了一个提醒,这样我可以在决定实际发送消息之前看到关键词,但这不是例行程序应该如何工作。代码如下:

// MESSAGE.JS //
//alert("Message Page");

var keyWordList= new Array();
var firstMessage="Hello!";
var contentMessage=document.getElementById("message");
contentMessage.value=firstMessage;
var msgComments=document.getElementsByClassName("comment");
msgComments[1].value="Hello Worlds!";//marker to see what happens

chrome.extension.sendRequest({cmd: "sendKeyWords"}, function(response) {
    keyWordList=response.keyWordsFound;
    //alert(keyWordList.length+" key words.");//did we get any keywords back?
    var keyWords="";
    for (var i = 0; i<keyWordList.length; ++i)
    {
        keyWords=keyWords+" "+keyWordList[i];
    }
    //alert (keyWords);//let's see what we got
    document.getElementsByClassName("comment")[1].firstChild.innerHTML=keyWords;
    alert (document.getElementsByClassName("comment")[1].firstChild.innerHTML);// this is a band aid - keyWords does not show up in tab
});

document.onclick= function(event) {
   //only one button to click in page
    document.onload=self.close();
};
//MESSAGE.JS//
//警报(“消息页”);
var关键字列表=新数组();
var firstMessage=“你好!”;
var contentMessage=document.getElementById(“消息”);
contentMessage.value=firstMessage;
var msgComments=document.getElementsByClassName(“注释”);
msgComments[1]。value=“你好,世界!”//看看会发生什么
sendRequest({cmd:“sendKeyWords”},函数(响应){
关键词列表=response.keyWordsFound;
//警报(keyWordList.length+“keywords.”);//我们得到任何关键字了吗?
var关键字=”;
对于(var i=0;i(回答我自己的问题)这个问题实际上有两部分。最简单的部分是,我试图通过如下设置文本节点的值来修改它:

msgComments.value=“Hello Worlds!”;//标记以查看发生了什么

要使其正常工作,只需将innerHTML设置为如下字符串值:

msgComment1.innerHTML=“Hello Worlds!”;//现在它可以工作了


问题的第二部分是,对chrome.extension.sendRequest的异步调用需要一个回调,以便在收到回复时更新innerHTML。我在@serg之前的文章中提出了一个关于这方面的问题,并在找到解决方案后自己回答了这个问题。

那么显示innerHTML的警报会说什么呢对吗?你是想修改所见即所得编辑器吗?