[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/profiler/HeapSnapshotGridNodes.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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 225 matching lines @@
         }
         return null;
     },
 
     /**
      * @param {string} columnIdentifier
      * @return {!Element}
      */
     _createValueCell: function(columnIdentifier)
     {
-        var cell = document.createElement("td");
+        var cell = createElement("td");
         cell.className = "numeric-column";
         if (this.dataGrid.snapshot.totalSize !== 0) {
-            var div = document.createElement("div");
-            var valueSpan = document.createElement("span");
+            var div = createElement("div");
+            var valueSpan = createElement("span");
             valueSpan.textContent = this.data[columnIdentifier];
             div.appendChild(valueSpan);
             var percentColumn = columnIdentifier + "-percent";
             if (percentColumn in this.data) {
-                var percentSpan = document.createElement("span");
+                var percentSpan = createElement("span");
                 percentSpan.className = "percent-column";
                 percentSpan.textContent = this.data[percentColumn];
                 div.appendChild(percentSpan);
                 div.classList.add("profile-multiple-values");
             }
             cell.appendChild(div);
         }
         return cell;
     },
 
@@ skipping 323 matching lines @@
             valueStyle += " highlight";
         if (value === "Object")
             value = "";
         if (this.detachedDOMTreeNode)
             valueStyle += " detached-dom-tree-node";
         return this._createObjectCellWithValue(valueStyle, value);
     },
 
     _createObjectCellWithValue: function(valueStyle, value)
     {
-        var cell = document.createElement("td");
+        var cell = createElement("td");
         cell.className = "object-column";
-        var div = document.createElement("div");
+        var div = createElement("div");
         div.className = "source-code event-properties";
         div.style.overflow = "visible";
 
         this._prefixObjectCell(div);
 
-        var valueSpan = document.createElement("span");
+        var valueSpan = createElement("span");
         valueSpan.className = "value console-formatted-" + valueStyle;
         valueSpan.textContent = value;
         div.appendChild(valueSpan);
 
-        var idSpan = document.createElement("span");
+        var idSpan = createElement("span");
         idSpan.className = "console-formatted-id";
         idSpan.textContent = " @" + this.snapshotNodeId;
         div.appendChild(idSpan);
 
         cell.appendChild(div);
         cell.classList.add("disclosure");
         if (this.depth)
             cell.style.setProperty("padding-left", (this.depth * this.dataGrid.indentWidth) + "px");
         cell.heapSnapshotNode = this;
         return cell;
@@ skipping 180 matching lines @@
             nameClass = "console-formatted-null";
             break;
         case "element":
             name = "[" + name + "]";
             break;
         }
 
         if (this._cycledWithAncestorGridNode)
             div.className += " cycled-ancessor-node";
 
-        var nameSpan = document.createElement("span");
+        var nameSpan = createElement("span");
         nameSpan.className = nameClass;
         nameSpan.textContent = name;
         div.appendChild(nameSpan);
 
-        var separatorSpan = document.createElement("span");
+        var separatorSpan = createElement("span");
         separatorSpan.className = "grayed";
         separatorSpan.textContent = this._edgeNodeSeparator();
         div.appendChild(separatorSpan);
     },
 
     /**
      * @return {string}
      */
     _edgeNodeSeparator: function()
     {
@@ skipping 672 matching lines @@
     /**
      * @return {number}
      */
     allocationNodeId: function()
     {
         return this._allocationNode.id;
     },
 
     __proto__: WebInspector.HeapSnapshotGridNode.prototype
 }