爲什麼設置innerHTML不起作用？

Question

我的xml文檔是這樣的：

<Order> 
    <size width="16.5" height="19.5"> 
    <width>16.5</width> 
    <height>19.5</height> 
    </size> 
    <type>photo</type> 
    </overlay> 
    <Mats></Mats> 
    <Openings></Openings> 
    <Moulding></Moulding> 
    <Glass></Glass> 
</Order> 

我試圖填補墊變量的值。 這裏是我的javascript代碼：

function common_get_order_xml() 
{ 
    var parser = new DOMParser(); //create a new DOMParser 
    var doc = parser.parseFromString(common_get_common_order_xml(), "application/xml"); //convert the string to xml 
    console.log(doc); //outputs what is above 
    //doc.getElementsByTagName('Mats').innerHTML = mattes_get_mattes_xml().replace("<Mats>", "").replace("</Mats>", ""); //add the mattes 
    doc.getElementsByTagName('Mats').innerHTML = "TEST"; 
    doc.getElementsByTagName('Openings').innerHTML = mattes_get_openings_xml(); //Add the openings 
    doc.getElementsByTagName('Moulding').innerHTML = moulding_get_moulding_xml(); //Add the moulding 
    doc.getElementsByTagName('Glass').innerHTML = glazing_get_glass_xml(); //Add the moulding 
    var serializer = new XMLSerializer(); //create a new XMLSerializer 
    common_order_xml = serializer.serializeToString(doc); //convert the xml back to a string 
    return doc; 
} 

但是當我輸出的文檔，該墊的innerHTML不被設置爲「TEST」

Answer 1

當使用JavaScript和XML，你不應該讀取和設置的innerHTML， Chrome和Firefox試圖讓你做到這一點，但你可以得到一些奇怪的行爲。

而不是訪問something.innerHTML嘗試使用somthing.firstChild.data。