DevTools: More code reduce via using document.createElementWithClass and document.createChild.

Source/devtools/front_end/sources/TargetsToolbar.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.TargetsToolbar = function()
 {
-    this.element = document.createElement("div");
-    this.element.className = "status-bar scripts-debug-toolbar targets-toolbar hidden";
+    this.element = document.createElementWithClass("div", "status-bar scripts-debug-toolbar targets-toolbar hidden");
     this._comboBox = new WebInspector.StatusBarComboBox(this._onComboBoxSelectionChange.bind(this));
     this.element.appendChild(this._comboBox.element);
 
     /** @type {!Map.<!WebInspector.Target, !Element>} */
     this._targetToOption = new Map();
     if (!WebInspector.experimentsSettings.workersInMainWindow.isEnabled())
         return;
 
     WebInspector.context.addFlavorChangeListener(WebInspector.Target, this._targetChangedExternally, this);
     WebInspector.targetManager.observeTargets(this);
@@ skipping 46 matching lines @@
     _targetChangedExternally: function(event)
     {
         var target = /** @type {?WebInspector.Target} */ (event.data);
         if (target) {
             var option = /** @type {!Element} */ (this._targetToOption.get(target));
             this._comboBox.select(option);
         }
     }
 
 }