En mi proyecto, tengo un control deslizante HTML que selecciona un año y tiene un EventListener de modo que cuando se cambia el control deslizante, se agrega un SVG correspondiente al año seleccionado a un contenedor div .

Aquí está la función llamada por EventListener:

 function loadMap(e) { var year = e.target.value; container.html(""); //clear previous svg container.node().append(svgs[year - 1956].documentElement); }

svgs es una matriz de documentos cargados desde d3.xml() , y el container contiene el div tal como lo devuelve un d3.select() para la identificación del div .

La función carga el contenido sin problema la primera vez que se selecciona un año. Pero si vuelvo a ese año por segunda vez, svgs[year - 1956].documentElement es nulo. Intenté agregar un documentElement.cloneNode() en su lugar, y aunque eso soluciona el problema nulo, los gráficos SVG no se muestran. ¿Alguna sugerencia?