序列化时更改xml格式

Question

我们正在使用ie11浏览器来处理这个xml。

<script id="Customer" type="application/xml">
    <form id="customer">
    <firstname></firstname>
    <middlename></middlename>
    <lastname></lastname>
    </form>

</script>

我们正在尝试为节点设置atttrbute。

    var parser = new DOMParser();
    var fieldID = "firstname";
    var formID = "Customer";
    doc = parser.parseFromString(document.getElementById(formID).innerHTML, "application/xml");


    x=doc.getElementsByTagName(fieldID);



    for(i=0;i<x.length;i++)
    {


        doc.getElementsByTagName(fieldID)[i].setAttribute(attrName,value);


        document.getElementById(formID).innerHTML  = new XMLSerializer().serializeToString(doc);


    }

我们可以设置属性值...但是在序列化节点并将其保存到innerHTML时，空的xml标签将更改为以下格式。

请帮助转换此

<firstname />
<middlename attr="value"></middlename>
<lastname />

到

<firstname></firstname>
<middlename attr="value"></middlename>
<lastname></lastname>