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

时间:2019-10-29 06:26:08

标签: javascript xml

我的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);
}

1 个答案:

答案 0 :(得分:0)

创建元素后,需要将其插入父级。设置child的属性后,只需添加以下代码,即可创建child标记。

parent.appendChild(child);