From d03586d8e9d3644454c6d60e8edccc55c45dd4bf Mon Sep 17 00:00:00 2001
From: Tom Payne <twpayne@gmail.com>
Date: Fri, 3 Aug 2012 11:13:01 +0200
Subject: [PATCH] Use goog.dom functions

---
 src/ol/base/map.js              | 3 ++-
 src/ol/dom/map.js               | 6 +++---
 src/ol/dom/tilelayerrenderer.js | 4 ++--
 src/ol/webgl/map.js             | 2 +-
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/ol/base/map.js b/src/ol/base/map.js
index 3107b42706..8bdd1a4644 100644
--- a/src/ol/base/map.js
+++ b/src/ol/base/map.js
@@ -10,6 +10,7 @@ goog.provide('ol.MapProperty');
 
 goog.require('goog.array');
 goog.require('goog.dispose');
+goog.require('goog.dom');
 goog.require('goog.dom.ViewportSizeMonitor');
 goog.require('goog.events');
 goog.require('goog.events.BrowserEvent');
@@ -119,7 +120,7 @@ ol.Map = function(target, opt_values, opt_viewportSizeMonitor) {
   this.eventsPane_.style.width = '100%';
   this.eventsPane_.style.height = '100%';
   this.eventsPane_.style.zIndex = ol.MapPaneZIndex.EVENTS;
-  target.appendChild(this.eventsPane_);
+  goog.dom.appendChild(target, this.eventsPane_);
 
   goog.events.listen(this.eventsPane_, [
     goog.events.EventType.DBLCLICK
diff --git a/src/ol/dom/map.js b/src/ol/dom/map.js
index b22463017c..1f5ff36390 100644
--- a/src/ol/dom/map.js
+++ b/src/ol/dom/map.js
@@ -31,7 +31,7 @@ ol.dom.Map = function(target, opt_values) {
   this.viewport_.style.overflow = 'hidden';
   this.viewport_.style.width = '100%';
   this.viewport_.style.height = '100%';
-  target.appendChild(this.viewport_);
+  goog.dom.appendChild(target, this.viewport_);
 
   /**
    * @type {!Element}
@@ -40,7 +40,7 @@ ol.dom.Map = function(target, opt_values) {
   this.layersPane_ = goog.dom.createElement(goog.dom.TagName.DIV);
   this.layersPane_.className = 'ol-layers-pane';
   this.layersPane_.style.position = 'absolute';
-  this.viewport_.appendChild(this.layersPane_);
+  goog.dom.appendChild(this.viewport_, this.layersPane_);
 
   /**
    * @type {Object}
@@ -136,7 +136,7 @@ ol.dom.Map.prototype.createLayerRenderer = function(layer) {
     var layerPane = goog.dom.createElement(goog.dom.TagName.DIV);
     layerPane.className = 'ol-layer';
     layerPane.style.position = 'absolute';
-    this.layersPane_.appendChild(layerPane);
+    goog.dom.appendChild(this.layersPane_, layerPane);
 
     var layerRenderer = new ol.dom.TileLayerRenderer(this, layer, layerPane);
 
diff --git a/src/ol/dom/tilelayerrenderer.js b/src/ol/dom/tilelayerrenderer.js
index 93bb8e805e..17f529c7ab 100644
--- a/src/ol/dom/tilelayerrenderer.js
+++ b/src/ol/dom/tilelayerrenderer.js
@@ -101,7 +101,7 @@ ol.dom.TileLayerRenderer.prototype.render = function() {
   }, this);
 
   if (newTiles) {
-    this.target.appendChild(fragment);
+    goog.dom.appendChild(this.target, fragment);
   }
 
   this.removeInvisibleTiles_(tileBounds, z);
@@ -147,7 +147,7 @@ ol.dom.TileLayerRenderer.prototype.removeInvisibleTiles_ = function(
     if (prune) {
       tile = this.renderedTiles_[key];
       delete this.renderedTiles_[key];
-      this.target.removeChild(tile.getImage(this));
+      goog.dom.removeNode(tile.getImage(this));
     }
   }
 };
diff --git a/src/ol/webgl/map.js b/src/ol/webgl/map.js
index c73f7a80df..c989d76cf5 100644
--- a/src/ol/webgl/map.js
+++ b/src/ol/webgl/map.js
@@ -144,7 +144,7 @@ ol.webgl.Map = function(target, opt_values) {
   this.canvas_.height = target.clientHeight;
   this.canvas_.width = target.clientWidth;
   this.canvas_.style.overflow = 'hidden';
-  target.appendChild(this.canvas_);
+  goog.dom.appendChild(target, this.canvas_);
 
   /**
    * @private