appendChild不是一个函数

时间:2016-05-04 16:30:39

标签: javascript

我正在尝试向网站插入两个“p”元素以显示两个变量值。 但每次我尝试执行代码时,我都会遇到未捕获的TypeError:element.appendChild不是函数

这是我的js-Code

var wins = document.createElement('p');
var looses = document.createElement('p');
var nodeWins = document.createTextNode('hier variable einfügen');
var nodeLooses = document.createTextNode('hier variable einfügen2');
wins.appendChild(nodeWins);
looses.appendChild(nodeLooses);

var element = document.getElementsByClassName('navbar');
element.appendChild(wins);
element.appendChild(looses);

为什么这不起作用?

我期待着答案和提示。

1 个答案:

答案 0 :(得分:1)

getElementsByClassName会返回array-like object。所以,如果只有一个元素具有类navbar(我假设是你的意图),这应该有效:

element[0].appendChild(wins);
element[0].appendChild(looses);