如何在Firefox附加SDK中访问div？

Question

I'm trying to access the div that was right-clicked and log its code (from opening to closing tag) with Add-on SDK.

var contextMenu = require("sdk/context-menu");
 var menuItem = contextMenu.Item({
 label: "Log This Div",
 context: contextMenu.SelectorContext("div"),
 contentScript: 'self.on("click", function (e) {' + // e is empty
                '  if (!e) {e = window.event;}' + // window doesnt have event property
                '  console.log(e);' + // result is {}
                '  var text = e.target;' +
                '  self.postMessage(text);' +
                '});',
 onMessage: function (selectionText) {
      console.log(selectionText); // null
 }
});

Answer 1

The first argument to the click callback is the actual context node , not an event.

To get the outer markup of the node, you can use .outerHTML

var contextMenu = require("sdk/context-menu");
 var menuItem = contextMenu.Item({
 label: "Log This Div",
 context: contextMenu.SelectorContext("div"),
 contentScript: 'self.on("click", function (node, data) {' +
                '  self.postMessage(node.outerHTML);' +
                '});',
 onMessage: function (outerHTML) {
      console.log(outerHTML);
 }
});