我如何解决对象没有方法'appendChild'

Question

我的问题是，当您在控制台中运行代码时，会显示以下内容：对象没有方法"appendChild"

这是我的代码：

    function createColumns() {
    var nodesTr = document.getElementsByTagName( 'tr' );
    for( var i in nodesTr ) {
        if( i < 3 || i == 8 || i == 13 || i == 15 || i == 18 )
            continue;
        for( var j = 1; j <= 14; j++ ) {
            var nodeHTML = document.createElement( 'td' );
            nodeHTML.innerHTML = 1;
            nodesTr[ i ].appendChild( nodeHTML );
        }   // end for
    }   // end for
} // end function createColumns

问题出在这一部分

nodesTr[ i ].appendChild( nodeHTML );

Answer 1

这是因为您使用的是for-in而不是for语句

这将命中不是节点的属性：

for( var i in nodesTr ) {

---

可以通过使用 console.log() 记录值来验证这一点。

console.log(i, nodesTr[ i ]);

我相信它会打击.length属性，也许是.item()方法。

---

使用 for 语句将仅迭代数字索引，并保证顺序是您在循环中定义的顺序。

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