[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/settings/SettingsScreen.js

 /*
  * Copyright (C) 2013 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 25 matching lines @@
 WebInspector.SettingsScreen = function(onHide)
 {
     WebInspector.HelpScreen.call(this);
     this.element.id = "settings-screen";
 
     /** @type {function()} */
     this._onHide = onHide;
 
     this._tabbedPane = new WebInspector.TabbedPane();
     this._tabbedPane.element.classList.add("help-window-main");
-    var settingsLabelElement = document.createElementWithClass("div", "help-window-label");
+    var settingsLabelElement = createElementWithClass("div", "help-window-label");
     settingsLabelElement.createTextChild(WebInspector.UIString("Settings"));
     this._tabbedPane.element.insertBefore(settingsLabelElement, this._tabbedPane.element.firstChild);
     this._tabbedPane.element.appendChild(this._createCloseButton());
     this._tabbedPane.appendTab(WebInspector.SettingsScreen.Tabs.General, WebInspector.UIString("General"), new WebInspector.GenericSettingsTab());
     this._tabbedPane.appendTab(WebInspector.SettingsScreen.Tabs.Workspace, WebInspector.UIString("Workspace"), new WebInspector.WorkspaceSettingsTab());
     if (Runtime.experiments.supportEnabled())
         this._tabbedPane.appendTab(WebInspector.SettingsScreen.Tabs.Experiments, WebInspector.UIString("Experiments"), new WebInspector.ExperimentsSettingsTab());
     this._tabbedPane.appendTab(WebInspector.SettingsScreen.Tabs.Shortcuts, WebInspector.UIString("Shortcuts"), WebInspector.shortcutsScreen.createShortcutsTabView());
     this._tabbedPane.shrinkableTabs = false;
     this._tabbedPane.verticalTabLayout = true;
@@ skipping 114 matching lines @@
     _appendSection: function(name)
     {
         var block = this.containerElement.createChild("div", "help-block");
         if (name)
             block.createChild("div", "help-section-title").textContent = name;
         return block;
     },
 
     _createSelectSetting: function(name, options, setting)
     {
-        var p = document.createElement("p");
+        var p = createElement("p");
         p.createChild("label").textContent = name;
 
         var select = p.createChild("select", "chrome-select");
         var settingValue = setting.get();
 
         for (var i = 0; i < options.length; ++i) {
             var option = options[i];
             select.add(new Option(option[0], option[1]));
             if (settingValue === option[1])
                 select.selectedIndex = i;
@@ skipping 174 matching lines @@
     WebInspector.UISettingDelegate.call(this);
 }
 
 WebInspector.SettingsScreen.SkipStackFramePatternSettingDelegate.prototype = {
     /**
      * @override
      * @return {!Element}
      */
     settingElement: function()
     {
-        var button = document.createElementWithClass("input", "text-button");
+        var button = createElementWithClass("input", "text-button");
         button.type = "button";
         button.value = WebInspector.manageBlackboxingButtonLabel();
         button.title = WebInspector.UIString("Skip stepping through sources with particular names");
         button.addEventListener("click", this._onManageButtonClick.bind(this), false);
         return button;
     },
 
     _onManageButtonClick: function()
     {
         WebInspector.FrameworkBlackboxDialog.show(WebInspector.inspectorView.element);
@@ skipping 195 matching lines @@
             experimentsSection.appendChild(this._createExperimentCheckbox(experiments[i]));
     }
 }
 
 WebInspector.ExperimentsSettingsTab.prototype = {
     /**
      * @return {!Element} element
      */
     _createExperimentsWarningSubsection: function()
     {
-        var subsection = document.createElement("div");
+        var subsection = createElement("div");
         var warning = subsection.createChild("span", "settings-experiments-warning-subsection-warning");
         warning.textContent = WebInspector.UIString("WARNING:");
         subsection.createTextChild(" ");
         var message = subsection.createChild("span", "settings-experiments-warning-subsection-message");
         message.textContent = WebInspector.UIString("These experiments could be dangerous and may require restart.");
         return subsection;
     },
 
     _createExperimentCheckbox: function(experiment)
     {
-        var input = document.createElement("input");
+        var input = createElement("input");
         input.type = "checkbox";
         input.name = experiment.name;
         input.checked = experiment.isEnabled();
         function listener()
         {
             experiment.setEnabled(input.checked);
         }
         input.addEventListener("click", listener, false);
 
-        var p = document.createElement("p");
+        var p = createElement("p");
         p.className = experiment.hidden && !experiment.isEnabled() ? "settings-experiment-hidden" : "";
         var label = p.createChild("label");
         label.appendChild(input);
         label.createTextChild(WebInspector.UIString(experiment.title));
         p.appendChild(label);
         return p;
     },
 
     __proto__: WebInspector.SettingsTab.prototype
 }
@@ skipping 55 matching lines @@
 }
 
 /**
  * @constructor
  * @extends {WebInspector.Object}
  * @param {!Array.<{id: string, placeholder: (string|undefined), options: (!Array.<string>|undefined)}>} columns
  * @param {function(!Element, {id: string, placeholder: (string|undefined), options: (!Array.<string>|undefined)}, ?string)} itemRenderer
  */
 WebInspector.SettingsList = function(columns, itemRenderer)
 {
-    this.element = document.createElementWithClass("div", "settings-list");
+    this.element = createElementWithClass("div", "settings-list");
     this.element.tabIndex = -1;
     this._itemRenderer = itemRenderer;
     /** @type {!StringMap.<!Element>} */
     this._listItems = new StringMap();
     /** @type {!Array.<?string>} */
     this._ids = [];
     this._columns = columns;
 }
 
 WebInspector.SettingsList.Events = {
     Selected:  "Selected",
     Removed:  "Removed",
     DoubleClicked:  "DoubleClicked",
 }
 
 WebInspector.SettingsList.prototype = {
     /**
      * @param {?string} itemId
      * @param {?string=} beforeId
      * @return {!Element}
      */
     addItem: function(itemId, beforeId)
     {
-        var listItem = document.createElementWithClass("div", "settings-list-item");
+        var listItem = createElementWithClass("div", "settings-list-item");
         listItem._id = itemId;
         if (typeof beforeId !== "undefined")
             this.element.insertBefore(listItem, this.itemForId(beforeId));
         else
             this.element.appendChild(listItem);
 
         var listItemContents = listItem.createChild("div", "settings-list-item-contents");
         var listItemColumnsElement = listItemContents.createChild("div", "settings-list-item-columns");
 
         listItem.columnElements = {};
@@ skipping 112 matching lines @@
         if (event)
             event.consume();
     },
 
     /**
      * @param {function(!Event)} handler
      * @return {!Element}
      */
     _createRemoveButton: function(handler)
     {
-        var removeButton = document.createElementWithClass("div", "remove-item-button");
+        var removeButton = createElementWithClass("div", "remove-item-button");
         removeButton.addEventListener("click", handler, false);
         return removeButton;
     },
 
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.SettingsList}
@@ skipping 296 matching lines @@
             var columnId = columns[i];
             var editElement = this._addInputElements.get(columnId);
             this._setEditElementValue(editElement, "");
         }
     },
 
     __proto__: WebInspector.SettingsList.prototype
 }
 
 WebInspector._settingsController = new WebInspector.SettingsController();