[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/ui/SidebarPane.js

 /*
  * Copyright (C) 2007 Apple 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:
  *
  * 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 18 matching lines @@
 /**
  * @constructor
  * @extends {WebInspector.View}
  */
 WebInspector.SidebarPane = function(title)
 {
     WebInspector.View.call(this);
     this.setMinimumSize(25, 0);
     this.element.className = "sidebar-pane"; // Override
 
-    this.titleElement = document.createElementWithClass("div", "sidebar-pane-toolbar");
+    this.titleElement = createElementWithClass("div", "sidebar-pane-toolbar");
     this.bodyElement = this.element.createChild("div", "body");
     this._title = title;
     this._expandCallback = null;
 }
 
 WebInspector.SidebarPane.EventTypes = {
     wasShown: "wasShown"
 }
 
 WebInspector.SidebarPane.prototype = {
@@ skipping 158 matching lines @@
     {
         var title = pane.title();
         this.appendTab(title, title, pane);
         pane.element.appendChild(pane.titleElement);
         pane.setExpandCallback(this.selectTab.bind(this, title));
 
     },
 
     __proto__: WebInspector.TabbedPane.prototype
 }