[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/components/NativeBreakpointsSidebarPane.js

 /*
  * Copyright (C) 2012 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 19 matching lines @@
 
 /**
  * @constructor
  * @extends {WebInspector.SidebarPane}
  */
 WebInspector.NativeBreakpointsSidebarPane = function(title)
 {
     WebInspector.SidebarPane.call(this, title);
     this.registerRequiredCSS("breakpointsList.css");
 
-    this.listElement = document.createElement("ol");
+    this.listElement = createElement("ol");
     this.listElement.className = "breakpoint-list";
 
-    this.emptyElement = document.createElement("div");
+    this.emptyElement = createElement("div");
     this.emptyElement.className = "info";
     this.emptyElement.textContent = WebInspector.UIString("No Breakpoints");
 
     this.bodyElement.appendChild(this.emptyElement);
 }
 
 WebInspector.NativeBreakpointsSidebarPane.prototype = {
     /**
      * @param {!Element} element
      * @param {?Node=} beforeNode
@@ skipping 32 matching lines @@
     {
         this.listElement.removeChildren();
         if (this.listElement.parentElement) {
             this.bodyElement.removeChild(this.listElement);
             this.bodyElement.appendChild(this.emptyElement);
         }
     },
 
     __proto__: WebInspector.SidebarPane.prototype
 }