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

Source/devtools/front_end/ui/SuggestBox.js

 /*
  * Copyright (C) 2013 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 44 matching lines @@
  */
 WebInspector.SuggestBox = function(suggestBoxDelegate, maxItemsHeight)
 {
     this._suggestBoxDelegate = suggestBoxDelegate;
     this._length = 0;
     this._selectedIndex = -1;
     this._selectedElement = null;
     this._maxItemsHeight = maxItemsHeight;
     this._bodyElement = document.body;
     this._maybeHideBound = this._maybeHide.bind(this);
-    this._element = document.createElement("div");
-    this._element.className = "suggest-box";
+    this._element = document.createElementWithClass("div", "suggest-box");
     this._element.addEventListener("mousedown", this._onBoxMouseDown.bind(this), true);
 }
 
 WebInspector.SuggestBox.prototype = {
     /**
      * @return {boolean}
      */
     visible: function()
     {
         return !!this._element.parentElement;
@@ skipping 160 matching lines @@
         this.acceptSuggestion();
         event.consume(true);
     },
 
     /**
      * @param {string} prefix
      * @param {string} text
      */
     _createItemElement: function(prefix, text)
     {
-        var element = document.createElement("div");
-        element.className = "suggest-box-content-item source-code";
+        var element = document.createElementWithClass("div", "suggest-box-content-item source-code");
         element.tabIndex = -1;
         if (prefix && prefix.length && !text.indexOf(prefix)) {
-            var prefixElement = element.createChild("span", "prefix");
-            prefixElement.textContent = prefix;
-            var suffixElement = element.createChild("span", "suffix");
-            suffixElement.textContent = text.substring(prefix.length);
+            element.createChild("span", "prefix").textContent = prefix;
+            element.createChild("span", "suffix").textContent = text.substring(prefix.length);
         } else {
-            var suffixElement = element.createChild("span", "suffix");
-            suffixElement.textContent = text;
+            element.createChild("span", "suffix").textContent = text;
         }
         element.createChild("span", "spacer");
         element.addEventListener("mousedown", this._onItemMouseDown.bind(this), false);
         return element;
     },
 
     /**
      * @param {!Array.<string>} items
      * @param {string} userEnteredText
      */
@@ skipping 143 matching lines @@
         // to commit the input or handle it otherwise.
         return hasSelectedItem;
     }
 }
 
 /**
  * @constructor
  */
 WebInspector.SuggestBox.Overlay = function()
 {
-    this.element = document.createElement("div");
-    this.element.classList.add("suggest-box-overlay");
+    this.element = document.createElementWithClass("div", "suggest-box-overlay");
     this._resize();
     document.body.appendChild(this.element);
 }
 
 WebInspector.SuggestBox.Overlay.prototype = {
     _resize: function()
     {
         var container = WebInspector.Dialog.modalHostView().element;
         var containerBox = container.boxInWindow(container.ownerDocument.defaultView);
 
         this.element.style.left = containerBox.x + "px";
         this.element.style.top = containerBox.y + "px";
         this.element.style.height = containerBox.height + "px";
         this.element.style.width = containerBox.width + "px";
     },
 
     dispose: function()
     {
         this.element.remove();
     }
 }