appendChild不是函数错误(JAVASCRIPT)

时间:2016-03-04 04:27:30

标签: javascript appendchild

我有这件作品

var inviteSection = document.getElementByClassName("invitedFriends");
var friend = document.createElement("div").class = "friend";

var mail = document.createElement("p").class = "mail";
var span = document.createElement("span").class = "status accepted";

function main() {
    inviteSection.appendChild(friend);

    friend.appendChild(mail);
    friend.appendChild(span);
}

main();

当我运行这个Chrome控制台时,它说'未捕获TypeError:inviteSection.appendChild不是函数'有没有任何修复,请帮助我们!

1 个答案:

答案 0 :(得分:2)

问题在于,正如Akshay Arora所指出的,按类名获取元素的方法必须是复数。这意味着它将始终返回一个数组,即使它只找到一个具有该类名的元素。 (这是NodeList的Arun P Johny意思。)

如果您完全确定只有一个元素具有该类名,那么您只需要将第一行更改为

var inviteSection = document.getElementsByClassName("invitedFriends")[0];

如果这个类名有多个元素,那么这只会给你第一个元素。