[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/sources/FileBasedSearchResultsPane.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.SearchResultsPane}
  * @param {!WebInspector.ProjectSearchConfig} searchConfig
  */
 WebInspector.FileBasedSearchResultsPane = function(searchConfig)
 {
     WebInspector.SearchResultsPane.call(this, searchConfig);
 
     this._searchResults = [];
 
     this.element.id = "search-results-pane-file-based";
 
-    this._treeOutlineElement = document.createElement("ol");
+    this._treeOutlineElement = createElement("ol");
     this._treeOutlineElement.className = "search-results-outline-disclosure";
     this.element.appendChild(this._treeOutlineElement);
     this._treeOutline = new TreeOutline(this._treeOutlineElement);
 
     this._matchesExpandedCount = 0;
 }
 
 WebInspector.FileBasedSearchResultsPane.matchesExpandedByDefaultCount = 20;
 WebInspector.FileBasedSearchResultsPane.fileMatchesShownAtOnce = 20;
 
@@ skipping 66 matching lines @@
 
     onattach: function()
     {
         this._updateSearchMatches();
     },
 
     _updateSearchMatches: function()
     {
         this.listItemElement.classList.add("search-result");
 
-        var fileNameSpan = document.createElement("span");
+        var fileNameSpan = createElement("span");
         fileNameSpan.className = "search-result-file-name";
         fileNameSpan.textContent = this._searchResult.uiSourceCode.fullDisplayName();
         this.listItemElement.appendChild(fileNameSpan);
 
-        var matchesCountSpan = document.createElement("span");
+        var matchesCountSpan = createElement("span");
         matchesCountSpan.className = "search-result-matches-count";
 
         var searchMatchesCount = this._searchResult.searchMatches.length;
         if (searchMatchesCount === 1)
             matchesCountSpan.textContent = WebInspector.UIString("(%d match)", searchMatchesCount);
         else
             matchesCountSpan.textContent = WebInspector.UIString("(%d matches)", searchMatchesCount);
 
         this.listItemElement.appendChild(matchesCountSpan);
         if (this.expanded)
@@ skipping 18 matching lines @@
         for (var i = fromIndex; i < toIndex; ++i) {
             var lineNumber = searchMatches[i].lineNumber;
             var lineContent = searchMatches[i].lineContent;
             var matchRanges = [];
             for (var j = 0; j < regexes.length; ++j)
                 matchRanges = matchRanges.concat(this._regexMatchRanges(lineContent, regexes[j]));
 
             var anchor = this._createAnchor(uiSourceCode, lineNumber, matchRanges[0].offset);
 
             var numberString = numberToStringWithSpacesPadding(lineNumber + 1, 4);
-            var lineNumberSpan = document.createElement("span");
+            var lineNumberSpan = createElement("span");
             lineNumberSpan.classList.add("search-match-line-number");
             lineNumberSpan.textContent = numberString;
             anchor.appendChild(lineNumberSpan);
 
             var contentSpan = this._createContentSpan(lineContent, matchRanges);
             anchor.appendChild(contentSpan);
 
             var searchMatchElement = new TreeElement("");
             searchMatchElement.selectable = false;
             this.appendChild(searchMatchElement);
@@ skipping 25 matching lines @@
     {
         return WebInspector.Linkifier.linkifyUsingRevealer(uiSourceCode.uiLocation(lineNumber, columnNumber), "", uiSourceCode.url, lineNumber);
     },
 
     /**
      * @param {string} lineContent
      * @param {!Array.<!WebInspector.SourceRange>} matchRanges
      */
     _createContentSpan: function(lineContent, matchRanges)
     {
-        var contentSpan = document.createElement("span");
+        var contentSpan = createElement("span");
         contentSpan.className = "search-match-content";
         contentSpan.textContent = lineContent;
         WebInspector.highlightRangesWithStyleClass(contentSpan, matchRanges, "highlighted-match");
         return contentSpan;
     },
 
     /**
      * @param {string} lineContent
      * @param {!RegExp} regex
      * @return {!Array.<!WebInspector.SourceRange>}
@@ skipping 16 matching lines @@
      */
     _showMoreMatchesElementSelected: function(startMatchIndex)
     {
         this.removeChild(this._showMoreMatchesTreeElement);
         this._appendSearchMatches(startMatchIndex, this._searchResult.searchMatches.length);
         return false;
     },
 
     __proto__: TreeElement.prototype
 }