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

Source/devtools/front_end/ui/TabbedPane.js

 /*
  * Copyright (C) 2010 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 490 matching lines @@
      * @param {!WebInspector.TabbedPaneTab} tab
      */
     _hideTabElement: function(tab)
     {
         this._tabsElement.removeChild(tab.tabElement);
         tab._shown = false;
     },
 
     _createDropDownButton: function()
     {
-        var dropDownContainer = document.createElement("div");
-        dropDownContainer.classList.add("tabbed-pane-header-tabs-drop-down-container");
+        var dropDownContainer = document.createElementWithClass("div", "tabbed-pane-header-tabs-drop-down-container");
         var dropDownButton = dropDownContainer.createChild("div", "tabbed-pane-header-tabs-drop-down");
-        dropDownButton.appendChild(document.createTextNode("\u00bb"));
+        dropDownButton.createTextChild("\u00bb");
 
         this._dropDownMenu = new WebInspector.DropDownMenu();
         this._dropDownMenu.addEventListener(WebInspector.DropDownMenu.Events.ItemSelected, this._dropDownMenuItemSelected, this);
         dropDownButton.appendChild(this._dropDownMenu.element);
 
         return dropDownContainer;
     },
 
     /**
      * @param {!WebInspector.Event} event
@@ skipping 367 matching lines @@
     /**
      * @param {!WebInspector.TabbedPaneTabDelegate} delegate
      */
     setDelegate: function(delegate)
     {
         this._delegate = delegate;
     },
 
     _createIconElement: function(tabElement, titleElement)
     {
-        var iconElement = document.createElement("span");
-        iconElement.className = "tabbed-pane-header-tab-icon " + this._iconClass;
+        var iconElement = document.createElementWithClass("span", "tabbed-pane-header-tab-icon " + this._iconClass);
         if (this._iconTooltip)
             iconElement.title = this._iconTooltip;
         tabElement.insertBefore(iconElement, titleElement);
         return iconElement;
     },
 
     /**
      * @param {boolean} measuring
      * @return {!Element}
      */
     _createTabElement: function(measuring)
     {
-        var tabElement = document.createElement("div");
-        tabElement.classList.add("tabbed-pane-header-tab");
+        var tabElement = document.createElementWithClass("div", "tabbed-pane-header-tab");
         tabElement.id = "tab-" + this._id;
         tabElement.tabIndex = -1;
         tabElement.selectTabForTest = this._tabbedPane.selectTab.bind(this._tabbedPane, this.id, true);
 
         var titleElement = tabElement.createChild("span", "tabbed-pane-header-tab-title");
         titleElement.textContent = this.title;
         titleElement.title = this.tooltip || "";
         if (this._iconClass)
             this._createIconElement(tabElement, titleElement);
         if (!measuring)
@@ skipping 255 matching lines @@
     {
         if (this._views.contains(id))
             return /** @type {!WebInspector.View} */ (this._views.get(id));
         var view = this._extensions[id] ? /** @type {!WebInspector.View} */ (this._extensions[id].instance()) : null;
         this._views.put(id, view);
         if (this._viewCallback && view)
             this._viewCallback(id, view);
         return view;
     }
 }