Javascript 附加<；p>；至<；部门>；在popup.html中'；t显示（Chrome扩展）_Javascript_Html_Google Chrome Extension

Javascript 附加<；p>；至<；部门>；在popup.html中'；t显示（Chrome扩展）

javascript html google-chrome-extension

Javascript 附加<；p>；至<；部门>；在popup.html中'；t显示（Chrome扩展）,javascript,html,google-chrome-extension,Javascript,Html,Google Chrome Extension,在构建一个简单的chrome扩展时，我使用 chrome.contextMenus.create({ id : "ExtId", title : "Copy This", contexts: ["all"], }); function copyThis(info) { var pNode = document.createElement("p"); var textNode = document.createTextNode(info.selectionT

在构建一个简单的chrome扩展时，我使用

chrome.contextMenus.create({
    id : "ExtId",
    title : "Copy This",
    contexts: ["all"],
});
function copyThis(info) {
    var pNode = document.createElement("p");
    var textNode = document.createTextNode(info.selectionText);
    pNode.appendChild(textNode);
    document.getElementById("mainDiv").appendChild(pNode);
}
chrome.contextMenus.onClicked.addListener(copyThis);

manifest.json是

{
  "manifest_version": 2,
  "name": "CopyThis",
  "description": "This extension copies selected text",
  "version": "1.0",

  "permissions": [
      "contextMenus",
      "clipboardWrite"
  ],
  "background": {
    "scripts": ["popup.js"],
    "persistent": false
  },
  "browser_action" : {
      "default_popup" : "popup.html"
  },

  "icons": {
  "16": "icon16.png",
  "48": "icon48.png",
  "128": "icon128.png"
  }
}

popup.html是

<!DOCTYPE html>
<html>
<head>
    <title>CopyThis</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="mainDiv">
    <p id ="pID">this is one</p>
    <p id="pID2"></p>
</div>

<script type='text/javascript' src="popup.js"></script>
</body>
</html>


抄袭
这是一个

实际上，我的目标是使复制的文本显示在popup.html中

当我单击扩展图标时，复制的文本不会显示。但是当我检查popup.html时，添加的

元素会出现。

我缺少补充吗？

请将问题放在主题上：包括一个与问题重复的完整问题。包括manifest.json、一些后台脚本和内容脚本。寻求调试帮助的问题（“为什么此代码不工作？”）必须包括：►想要的行为，►特定的问题或错误，以及►在问题本身中复制它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：“如何创建”和。顺便说一句：当您只需要一个文本节点子节点时，比单独创建文本节点并附加它要高效一些。“在节点上设置此属性将删除其所有子节点，并将其替换为具有给定值的单个文本节点。”我建议您阅读。它包含总体架构信息，这将有助于您理解事情通常是如何完成/组织的。请选择主题中的问题：包括一个与问题重复的完整问题。包括manifest.json、一些后台脚本和内容脚本。寻求调试帮助的问题（“为什么此代码不工作？”）必须包括：►想要的行为，►特定的问题或错误，以及►在问题本身中复制它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：“如何创建”和。顺便说一句：当您只需要一个文本节点子节点时，比单独创建文本节点并附加它要高效一些。“在节点上设置此属性将删除其所有子节点，并将其替换为具有给定值的单个文本节点。”我建议您阅读。它具有总体架构信息，这将有助于您了解事情通常是如何完成/组织的。