[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/ui/SoftContextMenu.js

 /*
  * Copyright (C) 2011 Google Inc. All Rights Reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 30 matching lines @@
      * @param {number} x
      * @param {number} y
      */
     show: function(x, y)
     {
         this._x = x;
         this._y = y;
         this._time = new Date().getTime();
 
         // Create context menu.
-        this._contextMenuElement = document.createElementWithClass("div", "soft-context-menu");
+        this._contextMenuElement = createElementWithClass("div", "soft-context-menu");
         this._contextMenuElement.tabIndex = 0;
         this._contextMenuElement.style.top = y + "px";
         this._contextMenuElement.style.left = x + "px";
 
         this._contextMenuElement.addEventListener("mouseup", consumeEvent, false);
         this._contextMenuElement.addEventListener("keydown", this._menuKeyDown.bind(this), false);
 
         for (var i = 0; i < this._items.length; ++i)
             this._contextMenuElement.appendChild(this._createMenuItem(this._items[i]));
 
         // Install glass pane capturing events.
         if (!this._parentMenu) {
-            this._glassPaneElement = document.createElementWithClass("div", "soft-context-menu-glass-pane");
+            this._glassPaneElement = createElementWithClass("div", "soft-context-menu-glass-pane");
             this._glassPaneElement.tabIndex = 0;
             this._glassPaneElement.addEventListener("mouseup", this._glassPaneMouseUp.bind(this), false);
             this._glassPaneElement.appendChild(this._contextMenuElement);
             document.body.appendChild(this._glassPaneElement);
             this._focus();
         } else {
             this._parentMenu._parentGlassPaneElement().appendChild(this._contextMenuElement);
         }
 
         // Re-position menu in case it does not fit.
@@ skipping 13 matching lines @@
     },
 
     _createMenuItem: function(item)
     {
         if (item.type === "separator")
             return this._createSeparator();
 
         if (item.type === "subMenu")
             return this._createSubMenu(item);
 
-        var menuItemElement = document.createElementWithClass("div", "soft-context-menu-item");
+        var menuItemElement = createElementWithClass("div", "soft-context-menu-item");
         var checkMarkElement = menuItemElement.createChild("span", "soft-context-menu-item-checkmark");
         checkMarkElement.textContent = "\u2713 "; // Checkmark Unicode symbol
         if (!item.checked)
             checkMarkElement.style.opacity = "0";
 
         menuItemElement.createTextChild(item.label);
 
         menuItemElement.addEventListener("mousedown", this._menuItemMouseDown.bind(this), false);
         menuItemElement.addEventListener("mouseup", this._menuItemMouseUp.bind(this), false);
 
         // Manually manage hover highlight since :hover does not work in case of click-and-hold menu invocation.
         menuItemElement.addEventListener("mouseover", this._menuItemMouseOver.bind(this), false);
         menuItemElement.addEventListener("mouseout", this._menuItemMouseOut.bind(this), false);
 
         menuItemElement._actionId = item.id;
         return menuItemElement;
     },
 
     _createSubMenu: function(item)
     {
-        var menuItemElement = document.createElementWithClass("div", "soft-context-menu-item");
+        var menuItemElement = createElementWithClass("div", "soft-context-menu-item");
         menuItemElement._subItems = item.subItems;
 
         // Occupy the same space on the left in all items.
         var checkMarkElement = menuItemElement.createChild("span", "soft-context-menu-item-checkmark");
         checkMarkElement.textContent = "\u2713 "; // Checkmark Unicode symbol
         checkMarkElement.style.opacity = "0";
 
         menuItemElement.createTextChild(item.label);
 
         var subMenuArrowElement = menuItemElement.createChild("span", "soft-context-menu-item-submenu-arrow");
         subMenuArrowElement.textContent = "\u25B6"; // BLACK RIGHT-POINTING TRIANGLE
 
         menuItemElement.addEventListener("mousedown", this._menuItemMouseDown.bind(this), false);
         menuItemElement.addEventListener("mouseup", this._menuItemMouseUp.bind(this), false);
 
         // Manually manage hover highlight since :hover does not work in case of click-and-hold menu invocation.
         menuItemElement.addEventListener("mouseover", this._menuItemMouseOver.bind(this), false);
         menuItemElement.addEventListener("mouseout", this._menuItemMouseOut.bind(this), false);
 
         return menuItemElement;
     },
 
     _createSeparator: function()
     {
-        var separatorElement = document.createElementWithClass("div", "soft-context-menu-separator");
+        var separatorElement = createElementWithClass("div", "soft-context-menu-separator");
         separatorElement._isSeparator = true;
         separatorElement.addEventListener("mouseover", this._hideSubMenu.bind(this), false);
         separatorElement.createChild("div", "separator-line");
         return separatorElement;
     },
 
     _menuItemMouseDown: function(event)
     {
         // Do not let separator's mouse down hit menu's handler - we need to receive mouse up!
         event.consume(true);
@@ skipping 181 matching lines @@
 
     _discardSubMenus: function()
     {
         if (this._subMenu)
             this._subMenu._discardSubMenus();
         this._contextMenuElement.remove();
         if (this._parentMenu)
             delete this._parentMenu._subMenu;
     }
 }