[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/components/Section.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 16 matching lines @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
  * @param {string|!Element} title
  * @param {string=} subtitle
  */
 WebInspector.Section = function(title, subtitle)
 {
-    this.element = document.createElement("div");
+    this.element = createElement("div");
     this.element.className = "section";
     this.element._section = this;
 
-    this.headerElement = document.createElement("div");
+    this.headerElement = createElement("div");
     this.headerElement.className = "header";
 
-    this.titleElement = document.createElement("div");
+    this.titleElement = createElement("div");
     this.titleElement.className = "title";
 
-    this.subtitleElement = document.createElement("div");
+    this.subtitleElement = createElement("div");
     this.subtitleElement.className = "subtitle";
 
     this.headerElement.appendChild(this.subtitleElement);
     this.headerElement.appendChild(this.titleElement);
 
     this.headerElement.addEventListener("click", this.handleClick.bind(this), false);
     this.element.appendChild(this.headerElement);
 
     this.title = title;
     this.subtitle = subtitle;
@@ skipping 153 matching lines @@
     {
         this.expanded = !this.expanded;
     },
 
     handleClick: function(event)
     {
         this.toggleExpanded();
         event.consume();
     }
 }