[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/sources/WatchExpressionsSidebarPane.js

 /*
  * Copyright (C) IBM Corp. 2009  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 21 matching lines @@
  * @constructor
  * @extends {WebInspector.SidebarPane}
  */
 WebInspector.WatchExpressionsSidebarPane = function()
 {
     WebInspector.SidebarPane.call(this, WebInspector.UIString("Watch Expressions"));
 
     this.section = new WebInspector.WatchExpressionsSection();
     this.bodyElement.appendChild(this.section.element);
 
-    var refreshButton = document.createElement("button");
+    var refreshButton = createElement("button");
     refreshButton.className = "pane-title-button refresh";
     refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this), false);
     refreshButton.title = WebInspector.UIString("Refresh");
     this.titleElement.appendChild(refreshButton);
 
-    var addButton = document.createElement("button");
+    var addButton = createElement("button");
     addButton.className = "pane-title-button add";
     addButton.addEventListener("click", this._addButtonClicked.bind(this), false);
     this.titleElement.appendChild(addButton);
     addButton.title = WebInspector.UIString("Add watch expression");
 
     this._requiresUpdate = true;
     WebInspector.context.addFlavorChangeListener(WebInspector.ExecutionContext ,this.refreshExpressions, this);
 }
 
 WebInspector.WatchExpressionsSidebarPane.prototype = {
@@ skipping 46 matching lines @@
 WebInspector.WatchExpressionsSection = function()
 {
     this._watchObjectGroupId = "watch-group";
 
     WebInspector.PropertiesSection.call(this, "");
     this.treeElementConstructor = WebInspector.WatchedPropertyTreeElement;
     this.skipProto = false;
     this._expandedExpressions = {};
     this._expandedProperties = {};
 
-    this.emptyElement = document.createElement("div");
+    this.emptyElement = createElement("div");
     this.emptyElement.className = "info";
     this.emptyElement.textContent = WebInspector.UIString("No Watch Expressions");
 
     this.watchExpressions = WebInspector.settings.watchExpressions.get();
 
     this.headerElement.className = "hidden";
     this.editable = true;
     this.expanded = true;
     this.propertiesElement.classList.add("watch-expressions");
 
@@ skipping 280 matching lines @@
     update: function()
     {
         WebInspector.ObjectPropertyTreeElement.prototype.update.call(this);
 
         if (this.property.wasThrown) {
             this.valueElement.textContent = WebInspector.UIString("<not available>");
             this.listItemElement.classList.add("dimmed");
         } else
             this.listItemElement.classList.remove("dimmed");
 
-        var deleteButton = document.createElement("input");
+        var deleteButton = createElement("input");
         deleteButton.type = "button";
         deleteButton.title = WebInspector.UIString("Delete watch expression.");
         deleteButton.classList.add("enabled-button");
         deleteButton.classList.add("delete-button");
         deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false);
         this.listItemElement.addEventListener("contextmenu", this._contextMenu.bind(this), false);
         this.listItemElement.insertBefore(deleteButton, this.listItemElement.firstChild);
     },
 
     /**
@@ skipping 95 matching lines @@
     },
 
     oncollapse: function()
     {
         WebInspector.ObjectPropertyTreeElement.prototype.oncollapse.call(this);
         delete this.treeOutline.section._expandedProperties[this.propertyPath()];
     },
 
     __proto__: WebInspector.ObjectPropertyTreeElement.prototype
 }