Question

我正在动态尝试向html添加其他文字。我得到了文字，但它不在h3中。有什么想法吗？

    let brElement = document.createElement("br");
    let pickCategory = document.createElement("div");
    let h3Element = document.createElement("h3");
    let newPick = document.createTextNode("Изберете категория МПС: ");
    document.body.appendChild(pickCategory.appendChild(brElement.appendChild(h3Element.appendChild(newPick))));

结果是：新div，新行我想要的文本，但不是h3。为什么呢？！

Answer 1

appendChild的返回值是附加的子项。不是您的代码按预期工作所需的父级。

Answer 2

appendChild返回子元素，因此将它们链接起来并不起作用（https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild）。只需使附加多行，它应该工作

Answer 3

像魅力一样工作。谢谢你们两个：

    let brElement = document.createElement("br");
    let pickCategory = document.createElement("div");
    let h3Element = document.createElement("h3");
    let newPick = document.createTextNode("Изберете категория МПС: ");
    h3Element.appendChild(newPick);
    brElement.appendChild(pickCategory);
    pickCategory.appendChild(h3Element);
    document.body.appendChild(pickCategory);

为什么我的文字不是h3？

3 个答案: