javascript - Javascript createElement

Question

次の createElement を設定するための簡単なヘルプが必要です。

<h1 class="headingTitle"> ENDANGERED <span class="subHeading">Animals</span> </h1>

これを作成しましたが、エラーが発生しました。これは次のとおりです。

キャッチされないエラー: NotFoundError: DOM 例外 8

//Adds 'containr' div to the body
var containerElement = document.createElement('div');
containerElement.setAttribute('class','container');
document.body.appendChild(containerElement);

//Add the ENDANGERED ANIMALS title
var title = document.createElement("h1");
title.setAttribute('class', 'headingTitle');
var text = document.createTextNode("ENDANGERED");

var span = document.createElement('span');
span.setAttribute('class', 'subHeading');
var subText = document.createTextNode("Animals");
span.appendChild(title);
title.appendChild(text);

document.getElementsByClassName('container')[0].appendChild(title);