Javascript 为多个父标记创建子标记时出现问题

我有一个如下所示的xml格式

<xml>
    <parent id="0">
        <child type="name">
        </child>
        <child type="age">
        </child>
    </parent>
    <parent id="1">
        <child type="name">
        </child>
        <child type="age">
        </child>
    </parent>
</xml>

我需要使用Javascript在父项下创建子标记

我尝试了以下代码，子标记在父项中不可见，请帮助我缺少什么

let dom = new DOMParser();

let xml = dom.parseFromString(`<xml>
    <parent id="0">
        <child type="name">
        </child>
        <child type="age">
        </child>
    </parent>
    <parent id="1">
        <child type="name">
        </child>
        <child type="age">
        </child>
    </parent>
</xml>`, 'text/xml');

let parentTags = xml.getElementsByTagName('parent');

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

    let parent = parentTags[i];

    let child = parent.ownerDocument.createElement('child');
    child.setAttribute('type', 'city');
    console.log(parent);
}

let dom=new DOMParser（）；
让xml=dom.parseFromString(`
`“文本/xml”）；
让parentTags=xml.getElementsByTagName（'parent'）；
for（设i=0；i

一旦创建了需要插入父元素的元素。为child设置属性后，只需添加以下代码，它就应该创建child标记

parent.appendChild(child);