динамическое изменение вложенных элементов
 

Помогите пожалуйста разобраться с доступом к динамическому изменению вложенных элементов. В программировании новичок. Вот такая задача:

<form ID='F4'>
<input type='text' ID='F4_2' class='.frm' onkeydown='_clean()'; onkeyup='_google();_reset()'><br><br>
<input type='button' ID='F4_3' class='.frm' value='ß çíàþ ñëîâî!' onclick='wr()'></form>

function wr()
{
document.getElementById('F4_3').innerHTML="<input type='text' size='15' ID='IK2' onkeypress='_wordt(event);'><button onclick='_word();'>Ok!</button>";
document.getElementById('IK2').focus();
}

При запуске сообщает: неизвестная ошибка выполнения. Если обратиться к form по ID или индексу, то работает, но мне нужен input.

у input нет innerHTML

Обверните Ваши инпуты в контейнеры, можно так:

function wr()
	{
	var Div = document.createElement("div");
	Div.innerHTML="<input type='text' size='15' ID='IK2' onkeypress='_wordt(event);'><button onclick='_word();'>Ok!</button>";
	document.getElementById("F4").appendChild(Div);
	}

<form >
<div ID='F4'></div>
<div><input type='text' ID='F4_2' class='.frm' onkeydown='_clean()'; onkeyup='_google();_reset()'></div><br><br>
<div><input type='button' ID='F4_3' class='.frm' value='ß çíàþ ñëîâî!' onclick='wr()'></div>
</form>

Понял, благодарю:)