[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/elements/Spectrum.js

 /*
  * Copyright (C) 2011 Brian Grinstead All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 428 matching lines @@
 
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  * @param {boolean=} readOnly
  */
 WebInspector.ColorSwatch = function(readOnly)
 {
-    this.element = document.createElementWithClass("span", "swatch");
+    this.element = createElementWithClass("span", "swatch");
     this._swatchInnerElement = this.element.createChild("span", "swatch-inner");
     var shiftClickMessage = WebInspector.UIString("Shift-click to change color format.");
     this.element.title = readOnly ? shiftClickMessage : String.sprintf("%s\n%s", WebInspector.UIString("Click to open a colorpicker."), shiftClickMessage);
     this.element.addEventListener("mousedown", consumeEvent, false);
     this.element.addEventListener("dblclick", consumeEvent, false);
 }
 
 WebInspector.ColorSwatch.prototype = {
     /**
      * @param {string} colorString
      */
     setColorString: function(colorString)
     {
         this._swatchInnerElement.style.backgroundColor = colorString;
     }
 }