Raphael Circle

HTML

<div id="raphaelCircle"></div>

JavaScript

window.onload = function() {
    var paper = Raphael('raphaelCircle', 200, 200);
    var c = paper.ellipse(100, 100, 50, 50);
    c.attr({
        'fill': '#00aeef',
        'stroke': '#00aeef'
    });
    debugger;
     var objSVG = paper.canvas;
    objSVG.getElementsByTagName("desc")[0].textContent= 'set with textcontent';
    
    objSVG.getElementsByTagName("desc")[0].innerHTML = 'set with innerhtml'
    
    var svgE1 = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
        svgE1.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
        svgE1.setAttribute('version', '1.1');
        svgE1.setAttribute('width', '200');
        svgE1.setAttribute('height', '200');
        // Create a dummy receptacle
            var dummy = document.createElement('div');
            // Wrap the svg string to a svg object (string)
            // Add all svg to the receptacle
            dummy.innerHTML = '<svg>' + svgContent + '</svg>';
            // Splice the childs of the SVG inside the receptacle to the SVG at the body
            var svgChildNodes = dummy.childNodes[0].childNodes;
            for (var i = 0, length = svgChildNodes.length; i < length; i++) {
                svgEl.appendChild(svgChildNodes[i]);
                objSVG.getElementsByTagName("desc")[0].appendChild(svgChildNodes[i]);
            }
    
    
}