Append javascript

**mario19xx** · 19-09-2013, 15:12

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?

**cavicchiandrea** · 19-09-2013, 19:06

Originariamente inviato da mario19xx
Buonasera ragazzi!
...
Qualcuno gentile che puo dirmi perche non funziona?

Perché una classe è una collezione di oggetti gli id devono (se si sviluppa correttamente) essere univoci pertanto document.getElementByClassName('before').item(0).v alue per il primo oggetto con classe before document.getElementByClassName('before').item(1).v alue per il secondo etc... idem per la classe end.

P.S. A chiaramente la classe deve essere dichiarate negli oggetti lo preciso perché nel tuo codice/documento non c'è <input type='text' id='before' />

Discussione: Append javascript

Strumenti discussione

Ricerca discussione

Visualizza

Append javascript

Re: Append javascript

Permessi di invio