javascript - innerHTML の変更が機能しない

Question

さて、私はそのコードを持っています:

<script>

function changeInner(id, inner) {
 document.getElementById(id).innerHTML = "<textarea>" + inner + "</textarea>"
}

</script>

<span id="edit" onlick="javascript:changeInner('edit', 'More text in a Textarea!');">Some text!</span>

うまくいかないのはなぜですか？単純すぎてうまくいかない、理由がわからない…