JavascriptでIE9にli要素を追加する

Question

javascriptによる調査のリストを表示しようとしています。ここ はコードです：

function ParseSurveys(surveyList) { 
     var sideBarSurveyList = document.getElementById('sliding-navigation'); 

     for (var m = 0; m < surveyList.length; m++) { 
      var child = document.createElement("li"); 
      child.innerHTML += "<li class='sliding-element'><a href='javascript:sendSurvey(" + (m + 1) + ")'>Survey " + surveyList[m].Id + "</a></li>"; 
      sideBarSurveyList.insertBefore(child, sideBarSurveyList.lastChild); 
     } 
    } 

それはChromeとFirefoxの上で完璧に動作しますが、それはIE9にはありません。 ChromeとFirefoxでは、調査リストは次のようになります。 •調査1 これは私が欲しいものです。 IE9は、2個のドットを示してどのように来るの調査1

• • ：

はしかし、IE9上で、それはのように見えますか？ これは簡単な解決策ですか？私はIE9と他のブラウザ用のJavascriptの2つのバージョンを書いたくありません。 :)

ありがとう！ Ashley

Answer 1

<li>の2つをネストするつもりはありませんか？あなたのinnerHTML割り当てに<li>タグを省略してみてください。

function ParseSurveys(surveyList) { 
    var sideBarSurveyList = document.getElementById('sliding-navigation'); 

    for (var m = 0; m < surveyList.length; m++) { 
     var child = document.createElement("li"); 
     child.className = 'sliding-element'; 
     child.innerHTML += "<a href='javascript:sendSurvey(" + (m + 1) + ")'>Survey " + surveyList[m].Id + "</a>"; 
     sideBarSurveyList.insertBefore(child, sideBarSurveyList.lastChild); 
    } 
} 

Answer 2

あなたが二回LIを作成しているので、 1度はcreateElementで、もう1度は内側のhtmlで行います。