document.createElementNS метод не работает на IE9

Я хочу создать svg, используя javascript в IE9, поэтому я использовал метод document.craeteElementNS. Он отлично работает в другом браузере, но не в IE9. Могу я узнать почему? Вот документация, в которой говорится, что метод должен работать с IE9, http://msdn.microsoft.com/en-us/library/ie/ff975213%28v=vs.85%29.aspx Но когда я попробовал, это не так, могу я знать почему?
Result: It doesn't shows the polygon on the page that it should be, it just convey a blank pagedocument.createElementNS метод не работает на IE9

<html> 
    <head> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
    <script> 
    $(window).load(function(){ 
     var myDiv = document.getElementById("myDiv"); 
     var mySVG = document.createElementNS("http://www.w3.org/2000/svg", "svg"); 
     mySVG.setAttribute("height","210"); 
     mySVG.setAttribute("width","500") 
     myDiv.appendChild(mySVG); 
     var myPolygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon"); 
     myPolygon.setAttribute("style","fill:lime;stroke:purple;stroke-width:1"); 
     myPolygon.setAttribute("points","200,10 250,190 160,210"); 
     mySVG.appendChild(myPolygon); 
     });   
    </script> 
    </head> 
    <body> 
    <div id="myDiv"> 

    </div> 

    </body> 
    </html>

источник

2014-09-19 dramasea

Что именно "не работает"? Вы получили сообщение об ошибке? В чем проблема? «Это не работает» - это худшее описание ошибки, потому что оно вообще не передает никакой информации. То, что ваш код не работает, уже подразумевается вами, размещая здесь. –

Он не показывает многоугольник, на странице ничего нет. Извините за недостаток информации – dramasea

Что вы сделали для отладки проблемы? –

-3

$(document).ready(function(){ 
 
    var myDiv = document.getElementById("myDiv"); 
 
     var mySVG = document.createElementNS("http://www.w3.org/2000/svg", "svg"); 
 
     mySVG.setAttribute("height","210"); 
 
     mySVG.setAttribute("width","500"); 
 
     myDiv.appendChild(mySVG); 
 
    var obj = document.createElementNS("http://www.w3.org/2000/svg", "polygon"); 
 
    //obj.setAttributeNS(null, "cx", 100); 
 
    //obj.setAttributeNS(null, "cy", 50); 
 
    //obj.setAttributeNS(null, "r", 40); 
 
    obj.setAttributeNS(null, "stroke", "purple"); 
 
    obj.setAttributeNS(null, "stroke-width", 1); 
 
    obj.setAttributeNS(null, "fill", "lime"); 
 
    obj.setAttributeNS(null, "points", "200,10 250,190 160,210"); 
 
    mySVG.appendChild(obj); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<div id="myDiv"></div>

источник

2014-09-19 18:11:45 AvrilAlejandro

Почему вы играете в игру «разницу», вместо того чтобы дать какое-то полезное объяснение? Что случилось с кодом, который вы опубликовали? Как он решает проблему OP? –

document.createElementNS метод не работает на IE9

ответ

Смежные вопросы