Question

我正在尝试附加一些html，它在div中作为字符串出现，但有些appendChild如何按预期工作，这是我的JS代码：

var doc = document.getElementById("products");
var notes = doc.getElementsByClassName("product_grid");


var str = '<div>New Node 3<div><div>New Node 4<div>';

var child = document.createElement('div');
child.innerHTML = str;
child = child.firstChild;
notes.appendChild(child);

这是我的HTML：

<div id="products" >
    <div class="product_grid">
        <div>
            Existing node 1
            <div>
        <div>
            Existing node 2
            <div>                
    </div>
</div>

它有什么不对，它无法将appendChild识别为函数，并且在TypeError: notes.appendChild is not a function

working fiddle

Answer 1

notes是NodeList。所以你必须使用index来选择元素。

试试这个：

notes[0].appendChild(child); // Appends to first product_grid

无法使用appendChild在JavaScript中附加Child

1 个答案: