DevTools: Reduce code via using document.createElementWithClass and document.createChild.

Source/devtools/front_end/sources/SourcesView.js

Index: Source/devtools/front_end/sources/SourcesView.js
diff --git a/Source/devtools/front_end/sources/SourcesView.js b/Source/devtools/front_end/sources/SourcesView.js
index 12257d2b3d0408048bc8f3490a3cf7315df82d00..f8ac80b41438939408b0982e74a5a5e6bc6b799e 100644
--- a/Source/devtools/front_end/sources/SourcesView.js
+++ b/Source/devtools/front_end/sources/SourcesView.js
@@ -36,12 +36,6 @@ WebInspector.SourcesView = function(workspace, sourcesPanel)
 
     this._historyManager = new WebInspector.EditingLocationHistoryManager(this, this.currentSourceFrame.bind(this));
 
-    this._scriptViewStatusBarItemsContainer = document.createElement("div");
-    this._scriptViewStatusBarItemsContainer.className = "inline-block";
-
-    this._scriptViewStatusBarTextContainer = document.createElement("div");
-    this._scriptViewStatusBarTextContainer.className = "hbox";
-
     this._statusBarContainerElement = this.element.createChild("div", "sources-status-bar");
 
     /**
@@ -55,8 +49,8 @@ WebInspector.SourcesView = function(workspace, sourcesPanel)
     var editorActions = /** @type {!Array.<!WebInspector.SourcesView.EditorAction>} */ (WebInspector.moduleManager.instances(WebInspector.SourcesView.EditorAction));
     editorActions.forEach(appendButtonForExtension.bind(this));
 
-    this._statusBarContainerElement.appendChild(this._scriptViewStatusBarItemsContainer);
-    this._statusBarContainerElement.appendChild(this._scriptViewStatusBarTextContainer);
+    this._scriptViewStatusBarItemsContainer = this._statusBarContainerElement.createChild("div", "inline-block");
+    this._scriptViewStatusBarTextContainer = this._statusBarContainerElement.createChild("div", "hbox");
 
     WebInspector.startBatchUpdate();
     this._workspace.uiSourceCodes().forEach(this._addUISourceCode.bind(this));