[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/ui/PieChart.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 18 matching lines @@
  */
 
 /**
  * @constructor
  * @param {number} size
  * @param {function(number):string=} formatter
  */
 WebInspector.PieChart = function(size, formatter)
 {
     var shadowSize = WebInspector.PieChart._ShadowSizePercent;
-    this.element = document.createElementWithClass("div", "pie-chart");
+    this.element = createElementWithClass("div", "pie-chart");
     this.element.appendChild(WebInspector.View.createStyleElement("pieChart.css"));
     var svg = this._createSVGChild(this.element, "svg");
     svg.setAttribute("width", (100 * (1 + 2 * shadowSize)) + "%");
     svg.setAttribute("height", (100 * (1 + 2 * shadowSize)) + "%");
     this._group = this._createSVGChild(svg, "g");
     var shadow = this._createSVGChild(this._group, "circle");
     shadow.setAttribute("r", 1 + shadowSize);
     shadow.setAttribute("cy", shadowSize);
     shadow.setAttribute("fill", "hsl(0,0%,70%)");
     var background = this._createSVGChild(this._group, "circle");
@@ skipping 65 matching lines @@
      * @param {string} childType
      * @return {!Element}
      */
     _createSVGChild: function(parent, childType)
     {
         var child = document.createElementNS("http://www.w3.org/2000/svg", childType);
         parent.appendChild(child);
         return child;
     }
 }