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

Source/devtools/front_end/common/DOMExtension.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2012 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 408 matching lines @@
  */
 Element.prototype.createTextChildren = function(var_args)
 {
     for (var i = 0, n = arguments.length; i < n; ++i)
         this.createTextChild(arguments[i]);
 }
 
 DocumentFragment.prototype.createTextChildren = Element.prototype.createTextChildren;
 
 /**
+ * @param {...!Element} var_args
+ */
+Element.prototype.appendChildren = function(var_args)
+{
+    for (var i = 0, n = arguments.length; i < n; ++i)
+        this.appendChild(arguments[i]);
+}
+
+/**
  * @return {number}
  */
 Element.prototype.totalOffsetLeft = function()
 {
     return this.totalOffset().left;
 }
 
 /**
  * @return {number}
  */
@@ skipping 304 matching lines @@
  */
 function isEnterKey(event) {
     // Check if in IME.
     return event.keyCode !== 229 && event.keyIdentifier === "Enter";
 }
 
 function consumeEvent(e)
 {
     e.consume();
 }