document.getElementById("myRewardsHistorydivXML").innerHTML 重新排列结束标签

Question

在 div 中，放置 xml 数据以用于融合图表（StackedChart3D），同时获取 div 自终止类别标签的 innerHtml 以错误的顺序接近 ..以下是代码截图 ..我不确定 gatting 出了什么问题来自 DOM 的数据 图表数据

<div id="myRewardsHistorydivXML">
    <graph bgColor='F1f1f1' caption='' subcaption='' xaxisname='' yaxisname=''  canvasbgcolor='F1F1F1' numdivlines='0' showLegend='1' yAxisMaxValue='50'> 
    **<categories font='Arial' fontSize='10' fontColor='000000'> 
    <category name='2011' /> 
    <category name='2012' /> 
    </categories>**
    <dataset seriesname='My Life' color='1941A5' showValues='0' alpha='100'>
        <set value='25675' color='1941A5'></set>
        <set value='22475' color='1941A5'></set>
    </dataset>
    <dataset seriesname='My Health' color='FF0000' showValues='0' alpha='100'>
        <set value='21675' color='1941A5'></set>
        <set value='23531' color='1941A5'></set>
    </dataset>
   <graph>
</div>

在浏览器的监视窗口中检查元素 document.getElementById("myRewardsHistorydivXML").innerHTML 的innerHTML ..它的出现

<graph bgColor='F1f1f1' caption='' subcaption='' xaxisname='' yaxisname='' canvasbgcolor='F1F1F1' numdivlines='0' showLegend='1' yAxisMaxValue='50'> 
     <categories font='Arial' fontSize='10' fontColor='000000'> 
     **<category name='2011'> 
     <category name='2012'>
     </category></category>**
    </categories>
<dataset seriesname='My Life' color='1941A5' showValues='0' alpha='100'>
  <set value='25675' color='1941A5'></set>
  <set value='22475' color='1941A5'></set>
</dataset>
<dataset seriesname='My Health' color='FF0000' showValues='0' alpha='100'>
  <set value='21675' color='1941A5'></set>`enter code here`
  <set value='23531' color='1941A5'></set>
</dataset>
<graph>

Answer 1

您正在将 XML 转储到 HTML 文档中，而浏览器正试图将其解析为 HTML。

<category name='2011' /> 被视为无法识别元素的开始标记，而不是自结束标记。

结束标记没有被重新排列，它们丢失了，浏览器将它们插入到它认为正确的位置是保持 DOM 有效的位置。