Buonasera ragazzi!

ho trovato in rete questo script

Codice PHP:
<html>
<head><script type='text/javascript'>
function insertBegin(text){
var p = document.createElement('p');
var pContent = document.createTextNode(text);
p.appendChild(pContent);
var node = document.getElementById('container');
node.insertBefore(p, node.firstChild);
}

function insertEnd(text){
var p = document.createElement('p');
var pContent = document.createTextNode(text);
p.appendChild(pContent);
var node = document.getElementById('container');
node.appendChild(p);
}
</script></head>
<body>
<input type='text' id='before' /> <input type='button' value='Append at the beginning' onclick="insertBegin(document.getElementById('before').value)" />

<input type='text' id='end' /> <input type='button' value='Append at the end' onclick="insertEnd(document.getElementById('end').value)" />

<div id="container">
<div>Original content</div>
</div>
</body></html> 
ma ho bisogno di utilizzare class al posto del id cosi:

Codice PHP:
<html>
<head><script type='text/javascript'>
function insertBegin(text){
var p = document.createElement('p');
var pContent = document.createTextNode(text);
p.appendChild(pContent);
var node = document.getElementByClassName('container');
node.insertBefore(p, node.firstChild);
}

function insertEnd(text){
var p = document.createElement('p');
var pContent = document.createTextNode(text);
p.appendChild(pContent);
var node = document.getElementByClassName('container');
node.appendChild(p);
}
</script></head>
<body>
<input type='text' id='before' /> <input type='button' value='Append at the beginning' onclick="insertBegin(document.getElementByClassName('before').value)" />

<input type='text' id='end' /> <input type='button' value='Append at the end' onclick="insertEnd(document.getElementByClassName('end').value)" />

<div class="container">
<div>Original content</div>
</div>
</body></html> 
Qualcuno gentile che puo dirmi perche non funziona?