[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/ui/DOMSyntaxHighlighter.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 29 matching lines @@
 }
 
 WebInspector.DOMSyntaxHighlighter.prototype = {
     /**
      * @param {string} content
      * @param {string} className
      * @return {!Element}
      */
     createSpan: function(content, className)
     {
-        var span = document.createElement("span");
+        var span = createElement("span");
         span.className = "cm-" + className;
         if (this._stripExtraWhitespace && className !== "whitespace")
             content = content.replace(/^[\n\r]*/, "").replace(/\s*$/, "");
         span.createTextChild(content);
         return span;
     },
 
     /**
      * @param {!Element} node
      */
@@ skipping 49 matching lines @@
 
             if (column > plainTextStart) {
                 var plainText = line.substring(plainTextStart, column);
                 node.createTextChild(plainText);
             }
             node.appendChild(this.createSpan(token, tokenType));
             plainTextStart = newColumn;
         }
     }
 }