[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/source_frame/SourceFrame.js

 /*
  * Copyright (C) 2011 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 742 matching lines @@
 WebInspector.SourceFrame._lineClassPerLevel[WebInspector.ConsoleMessage.MessageLevel.Warning] = "text-editor-line-with-warning";
 
 /**
  * @constructor
  * @param {!WebInspector.ConsoleMessage} consoleMessage
  */
 WebInspector.SourceFrame.RowMessage = function(consoleMessage)
 {
     this._consoleMessage = consoleMessage;
     this._repeatCount = 1;
-    this.element = document.createElementWithClass("div", "text-editor-row-message");
+    this.element = createElementWithClass("div", "text-editor-row-message");
     this._icon = this.element.createChild("span", "text-editor-row-message-icon");
     this._icon.classList.add(WebInspector.SourceFrame._iconClassPerLevel[consoleMessage.level]);
     this._repeatCountElement = this.element.createChild("span", "bubble-repeat-count hidden error");
     var linesContainer = this.element.createChild("div", "text-editor-row-message-lines");
     var lines = this._consoleMessage.messageText.split("\n");
     for (var i = 0; i < lines.length; ++i) {
         var messageLine = linesContainer.createChild("div");
         messageLine.textContent = lines[i];
     }
 }
@@ skipping 36 matching lines @@
  * @constructor
  * @param {!WebInspector.SourceFrame} sourceFrame
  * @param {!WebInspector.TextEditor} textEditor
  * @param {number} lineNumber
  */
 WebInspector.SourceFrame.RowMessageBucket = function(sourceFrame, textEditor, lineNumber)
 {
     this._sourceFrame = sourceFrame;
     this._textEditor = textEditor;
     this._lineHandle = textEditor.textEditorPositionHandle(lineNumber, 0);
-    this._decoration = document.createElementWithClass("div", "text-editor-line-decoration");
+    this._decoration = createElementWithClass("div", "text-editor-line-decoration");
     this._decoration._messageBucket = this;
     this._wave = this._decoration.createChild("div", "text-editor-line-decoration-wave");
     this._icon = this._wave.createChild("div", "text-editor-line-decoration-icon");
 
     this._textEditor.addDecoration(lineNumber, this._decoration);
 
-    this._messagesDescriptionElement = document.createElementWithClass("div", "text-editor-messages-description-container");
+    this._messagesDescriptionElement = createElementWithClass("div", "text-editor-messages-description-container");
     /** @type {!Array.<!WebInspector.SourceFrame.RowMessage>} */
     this._messages = [];
 
     this._updateDecorationPosition();
 
     this._level = null;
 }
 
 WebInspector.SourceFrame.RowMessageBucket.prototype = {
     _updateDecorationPosition: function()
@@ skipping 168 matching lines @@
 
     /**
      * @param {?WebInspector.TextRange} from
      * @param {?WebInspector.TextRange} to
      */
     onJumpToPosition: function(from, to)
     {
         this._sourceFrame.onJumpToPosition(from, to);
     }
 }