[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/elements/AnimationsSidebarPane.js

 // Copyright (c) 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.SidebarPane}
  */
 WebInspector.AnimationsSidebarPane = function(stylesPane)
 {
     WebInspector.SidebarPane.call(this, WebInspector.UIString("Animations"));
     this._stylesPane = stylesPane;
 
-    this._emptyElement = document.createElement("div");
+    this._emptyElement = createElement("div");
     this._emptyElement.className = "info";
     this._emptyElement.textContent = WebInspector.UIString("No Animations");
 
     this.bodyElement.appendChild(this._emptyElement);
 }
 
 WebInspector.AnimationsSidebarPane.prototype = {
     /**
      * @param {?WebInspector.DOMNode} node
      */
@@ skipping 34 matching lines @@
 }
 
 /**
  * @constructor
  * @param {!WebInspector.AnimationsSidebarPane} parentPane
  * @param {?WebInspector.AnimationModel.AnimationPlayer} animationPlayer
  */
 WebInspector.AnimationSection = function(parentPane, animationPlayer)
 {
     this._parentPane = parentPane;
-    this.propertiesSection = document.createElement("div");
+    this.propertiesSection = createElement("div");
     this._setAnimationPlayer(animationPlayer);
 
-    this.element = document.createElement("div");
+    this.element = createElement("div");
     this.element.className = "styles-section";
 
     this._updateThrottler = new WebInspector.Throttler(WebInspector.AnimationSection.updateTimeout);
     this.element.appendChild(this._createAnimationControls());
     this.element.appendChild(this.propertiesSection);
 }
 
 WebInspector.AnimationSection.updateTimeout = 100;
 
 WebInspector.AnimationSection.prototype = {
@@ skipping 31 matching lines @@
          * @param {!Event} e
          * @this {WebInspector.AnimationSection}
          */
         function sliderInputHandler(e)
         {
             this.player.setCurrentTime(parseFloat(e.target.value), this._setAnimationPlayer.bind(this));
         }
 
         var iterationDuration = this.player.source().duration();
         var iterationCount = this.player.source().iterationCount();
-        var slider = document.createElement("input");
+        var slider = createElement("input");
         slider.type = "range";
         slider.min = 0;
         slider.step = 0.01;
 
         if (!iterationCount) {
             // Infinite iterations
             slider.max = iterationDuration;
             slider.value = this.player.currentTime() % iterationDuration;
         } else {
             slider.max = iterationCount * iterationDuration;
@@ skipping 34 matching lines @@
             this._pauseButton.state = paused;
             this._pauseButton.title = paused ? WebInspector.UIString("Play animation") : WebInspector.UIString("Pause animation");
         }
 
         this._pauseButton = new WebInspector.StatusBarButton("", "animation-pause");
         updatePauseButton.call(this, this.player.paused());
         this._pauseButton.addEventListener("click", pauseButtonHandler, this);
 
         this.currentTimeSlider = this._createCurrentTimeSlider();
 
-        var controls = document.createElement("div");
+        var controls = createElement("div");
         controls.appendChild(this._pauseButton.element);
         controls.appendChild(this.currentTimeSlider);
 
         return controls;
     },
 
     /**
      * @param {?WebInspector.AnimationModel.AnimationPlayer} p
      */
     _setAnimationPlayer: function(p)
@@ skipping 14 matching lines @@
             "duration": p.source().duration(),
             "direction": p.source().direction(),
             "fill-mode": p.source().fillMode(),
             "time-fraction": p.source().timeFraction()
         };
         var obj = WebInspector.RemoteObject.fromLocalObject(animationObject);
         var section = new WebInspector.ObjectPropertiesSection(obj, WebInspector.UIString("Animation Properties"));
         this.propertiesSection.appendChild(section.element);
     }
 }