将选项卡URL前置到Javascript中定义的URL

此问题与chrome扩展浏览器操作有关：

我想知道是否有人能帮我解决这个问题。我想知道如何使用javascript将URL前置到当前URL

例如，以下内容将获得使用某些chrome功能的选项卡的URL

chrome.tabs.getSelected(null, function(tab) {
    document.getElementById('currentLink').innerHTML = tab.url;
});

但是我想预先添加一个URL，这样输出看起来像这样（例如，如果它们在google.com上）

以下是我做这件事的失败尝试

chrome.tabs.getSelected(null, function(tab) {
    document.getElementById('currentLink').innerHTML = "http://www.foo.com/index.php?bar=" . tab.url;
});

后续问题：

上面的代码将URL结果注入到标记中

<p id="currentLink">Loading ...</p>

正在加载

但是我怎样才能让它显示为下面的图像src

<img id="currentLink">

---

另一个脚本将此链接转换为特定图像。

为什么要使用

进行连接？改用

+

：

chrome.tabs.getSelected(null, function(tab) {
    document.getElementById('currentLink').innerHTML = "http://www.foo.com/index.php?bar=" + tab.url;
});

---

我太习惯使用PHP了，以至于完全忘记了这一点。但是如果你不介意我问一个相关的后续问题。。。我忘了在这个问题的末尾加上它，过一分钟就会加。@user2284703:这两个元素在同一个文档中吗？是的，但尽管我在问题中使用了相同的id。。。我在脚本中使用了两个不同的ID。“currentLink2”-问题1：这不是一个相关的问题。请提出一个新问题，并从这个问题中删除这个“额外”部分，我很乐意删除否决票。如果我已经选择了一个最好的答案，为什么oyu会否决这个问题？