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

Source/devtools/front_end/ui/SidebarTreeElement.js

 /*
  * Copyright (C) 2008 Apple 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:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 65 matching lines @@
  * @param {string} className
  * @param {string} title
  * @param {string=} subtitle
  * @param {?Object=} representedObject
  * @param {boolean=} hasChildren
  */
 WebInspector.SidebarTreeElement = function(className, title, subtitle, representedObject, hasChildren)
 {
     TreeElement.call(this, "", representedObject, hasChildren);
 
-    if (hasChildren) {
-        this.disclosureButton = document.createElement("button");
-        this.disclosureButton.className = "disclosure-button";
-    }
+    if (hasChildren)
+        this.disclosureButton = document.createElementWithClass("button", "disclosure-button");
 
     this.iconElement = document.createElementWithClass("div", "icon");
     this.statusElement = document.createElementWithClass("div", "status");
     this.titlesElement = document.createElementWithClass("div", "titles");
 
     this.titleContainer = this.titlesElement.createChild("span", "title-container");
     this.titleElement = this.titleContainer.createChild("span", "title");
 
     this.subtitleElement = this.titlesElement.createChild("span", "subtitle");
 
@@ skipping 73 matching lines @@
 
         if (this.className)
             this.listItemElement.classList.add(this.className);
 
         if (this.small)
             this.listItemElement.classList.add("small");
 
         if (this.hasChildren && this.disclosureButton)
             this.listItemElement.appendChild(this.disclosureButton);
 
-        this.listItemElement.appendChild(this.iconElement);
-        this.listItemElement.appendChild(this.statusElement);
-        this.listItemElement.appendChild(this.titlesElement);
+        this.listItemElement.appendChildren(this.iconElement, this.statusElement, this.titlesElement);
     },
 
     onreveal: function()
     {
         if (this.listItemElement)
             this.listItemElement.scrollIntoViewIfNeeded(false);
     },
 
     __proto__: TreeElement.prototype
 }