[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/components/DOMPresentationUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
@@ skipping 17 matching lines @@
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 WebInspector.DOMPresentationUtils = {}
 
 WebInspector.DOMPresentationUtils.decorateNodeLabel = function(node, parentElement)
 {
     var title = node.nodeNameInCorrectCase();
 
-    var nameElement = document.createElement("span");
+    var nameElement = createElement("span");
     nameElement.textContent = title;
     parentElement.appendChild(nameElement);
 
     var idAttribute = node.getAttribute("id");
     if (idAttribute) {
-        var idElement = document.createElement("span");
+        var idElement = createElement("span");
         parentElement.appendChild(idElement);
 
         var part = "#" + idAttribute;
         title += part;
         idElement.createTextChild(part);
 
         // Mark the name as extra, since the ID is more important.
         nameElement.className = "extra";
     }
 
     var classAttribute = node.getAttribute("class");
     if (classAttribute) {
         var classes = classAttribute.split(/\s+/);
         var foundClasses = {};
 
         if (classes.length) {
-            var classesElement = document.createElement("span");
+            var classesElement = createElement("span");
             classesElement.className = "extra";
             parentElement.appendChild(classesElement);
 
             for (var i = 0; i < classes.length; ++i) {
                 var className = classes[i];
                 if (className && !(className in foundClasses)) {
                     var part = "." + className;
                     title += part;
                     classesElement.createTextChild(part);
                     foundClasses[className] = true;
@@ skipping 18 matching lines @@
         container.createChild("span", "webkit-html-attribute-name").textContent = match[3];
 }
 
 /**
  * @param {?WebInspector.DOMNode} node
  * @return {!Node}
  */
 WebInspector.DOMPresentationUtils.linkifyNodeReference = function(node)
 {
     if (!node)
-        return document.createTextNode(WebInspector.UIString("<node>"));
+        return createTextNode(WebInspector.UIString("<node>"));
 
-    var link = document.createElement("span");
+    var link = createElement("span");
     link.className = "node-link";
     WebInspector.DOMPresentationUtils.decorateNodeLabel(node, link);
 
     link.addEventListener("click", WebInspector.Revealer.reveal.bind(WebInspector.Revealer, node, undefined), false);
     link.addEventListener("mouseover", node.highlight.bind(node, undefined, undefined), false);
     link.addEventListener("mouseout", node.domModel().hideDOMNodeHighlight.bind(node.domModel()), false);
 
     return link;
 }
 
 /**
  * @param {string} imageURL
  * @param {!WebInspector.Target} target
  * @param {boolean} showDimensions
  * @param {function(!Element=)} userCallback
  * @param {!Object=} precomputedDimensions
  */
 WebInspector.DOMPresentationUtils.buildImagePreviewContents = function(target, imageURL, showDimensions, userCallback, precomputedDimensions)
 {
     var resource = target.resourceTreeModel.resourceForURL(imageURL);
     if (!resource) {
         userCallback();
         return;
     }
 
-    var imageElement = document.createElement("img");
+    var imageElement = createElement("img");
     imageElement.addEventListener("load", buildContent, false);
     imageElement.addEventListener("error", errorCallback, false);
     resource.populateImageSource(imageElement);
 
     function errorCallback()
     {
         // Drop the event parameter when invoking userCallback.
         userCallback();
     }
 
     function buildContent()
     {
-        var container = document.createElement("table");
+        var container = createElement("table");
         container.className = "image-preview-container";
         var naturalWidth = precomputedDimensions ? precomputedDimensions.naturalWidth : imageElement.naturalWidth;
         var naturalHeight = precomputedDimensions ? precomputedDimensions.naturalHeight : imageElement.naturalHeight;
         var offsetWidth = precomputedDimensions ? precomputedDimensions.offsetWidth : naturalWidth;
         var offsetHeight = precomputedDimensions ? precomputedDimensions.offsetHeight : naturalHeight;
         var description;
         if (showDimensions) {
             if (offsetHeight === naturalHeight && offsetWidth === naturalWidth)
                 description = WebInspector.UIString("%d \xd7 %d pixels", offsetWidth, offsetHeight);
             else
@@ skipping 357 matching lines @@
 
 WebInspector.DOMNodePathStep.prototype = {
     /**
      * @return {string}
      */
     toString: function()
     {
         return this.value;
     }
 }