[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/components/ObjectPropertiesSection.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  * 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:
  * 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
@@ skipping 163 matching lines @@
     /**
      * @override
      */
     onattach: function()
     {
         this.update();
     },
 
     update: function()
     {
-        this.nameElement = document.createElementWithClass("span", "name");
+        this.nameElement = createElementWithClass("span", "name");
         var name = this.property.name;
         if (/^\s|\s$|^$|\n/.test(name))
             this.nameElement.createTextChildren("\"", name.replace(/\n/g, "\u21B5"), "\"");
         else
             this.nameElement.textContent = name;
         if (!this.property.enumerable)
             this.nameElement.classList.add("dimmed");
         if (this.property.isAccessorProperty())
             this.nameElement.classList.add("properties-accessor-property-name");
         if (this.property.symbol)
             this.nameElement.addEventListener("contextmenu", this._contextMenuFired.bind(this, this.property.symbol), false);
 
-        var separatorElement = document.createElementWithClass("span", "separator");
+        var separatorElement = createElementWithClass("span", "separator");
         separatorElement.textContent = ": ";
 
         if (this.property.value) {
-            this.valueElement = document.createElementWithClass("span", "value");
+            this.valueElement = createElementWithClass("span", "value");
             var type = this.property.value.type;
             var subtype = this.property.value.subtype;
             var description = this.property.value.description;
             var prefix;
             var valueText;
             var suffix;
             if (this.property.wasThrown) {
                 prefix = "[Exception: ";
                 valueText = description;
                 suffix = "]";
             } else if (type === "string" && typeof description === "string") {
                 // Render \n as a nice unicode cr symbol.
                 prefix = "\"";
                 valueText = description.replace(/\n/g, "\u21B5");
                 suffix = "\"";
                 this.valueElement._originalTextContent = "\"" + description + "\"";
             } else if (type === "function" && typeof description === "string") {
                 // Render function description until the first \n.
                 valueText = /.*/.exec(description)[0].replace(/\s+$/g, "");
                 this.valueElement._originalTextContent = description;
             } else if (type !== "object" || subtype !== "node") {
                 valueText = description;
             }
             this.valueElement.setTextContentTruncatedIfNeeded(valueText || "");
             if (prefix)
-                this.valueElement.insertBefore(document.createTextNode(prefix), this.valueElement.firstChild);
+                this.valueElement.insertBefore(createTextNode(prefix), this.valueElement.firstChild);
             if (suffix)
                 this.valueElement.createTextChild(suffix);
 
             if (this.property.wasThrown)
                 this.valueElement.classList.add("error");
             if (subtype || type)
                 this.valueElement.classList.add("console-formatted-" + (subtype || type));
 
             this.valueElement.addEventListener("contextmenu", this._contextMenuFired.bind(this, this.property.value), false);
             if (type === "object" && subtype === "node" && description) {
                 WebInspector.DOMPresentationUtils.createSpansForNodeTitle(this.valueElement, description);
                 this.valueElement.addEventListener("mousemove", this._mouseMove.bind(this, this.property.value), false);
                 this.valueElement.addEventListener("mouseout", this._mouseOut.bind(this, this.property.value), false);
             } else {
                 this.valueElement.title = description || "";
             }
 
             this.listItemElement.removeChildren();
 
             this.hasChildren = this.property.value.hasChildren && !this.property.wasThrown;
         } else {
             if (this.property.getter) {
                 this.valueElement = WebInspector.ObjectPropertyTreeElement.createRemoteObjectAccessorPropertySpan(this.property.parentObject, [this.property.name], this._onInvokeGetterClick.bind(this));
             } else {
-                this.valueElement = document.createElementWithClass("span", "console-formatted-undefined");
+                this.valueElement = createElementWithClass("span", "console-formatted-undefined");
                 this.valueElement.textContent = WebInspector.UIString("<unreadable>");
                 this.valueElement.title = WebInspector.UIString("No property getter");
             }
         }
 
         this.listItemElement.appendChildren(this.nameElement, separatorElement, this.valueElement);
     },
 
     _contextMenuFired: function(value, event)
     {
@@ skipping 312 matching lines @@
 }
 
 /**
  * @param {!TreeElement|!TreeOutline} treeElement
  * @param {?string=} emptyPlaceholder
  */
 WebInspector.ObjectPropertyTreeElement._appendEmptyPlaceholderIfNeeded = function(treeElement, emptyPlaceholder)
 {
     if (treeElement.children.length)
         return;
-    var title = document.createElementWithClass("div", "info");
+    var title = createElementWithClass("div", "info");
     title.textContent = emptyPlaceholder || WebInspector.UIString("No Properties");
     var infoElement = new TreeElement(title, null, false);
     treeElement.appendChild(infoElement);
 }
 
 /**
  * @param {?WebInspector.RemoteObject} object
  * @param {!Array.<string>} propertyPath
  * @param {function(?WebInspector.RemoteObject, boolean=)} callback
  * @return {!Element}
  */
 WebInspector.ObjectPropertyTreeElement.createRemoteObjectAccessorPropertySpan = function(object, propertyPath, callback)
 {
-    var rootElement = document.createElement("span");
+    var rootElement = createElement("span");
     var element = rootElement.createChild("span");
     element.textContent = WebInspector.UIString("(...)");
     if (!object)
         return rootElement;
     element.classList.add("properties-calculate-value-button");
     element.title = WebInspector.UIString("Invoke property getter");
     element.addEventListener("click", onInvokeGetterClick, false);
 
     function onInvokeGetterClick(event)
     {
@@ skipping 462 matching lines @@
 {
     WebInspector.TextPrompt.call(this, WebInspector.ExecutionContextSelector.completionsForTextPromptInCurrentContext);
     this.setSuggestBoxEnabled(true);
     if (renderAsBlock)
         this.renderAsBlock();
 }
 
 WebInspector.ObjectPropertyPrompt.prototype = {
     __proto__: WebInspector.TextPrompt.prototype
 }