appendChild и checkbox

[kinga3]

если чекбокс - checked: добовляетья хтмл, если not checked этот хтмл убираем. проблема в том что после 2 нажатия на чекбокс скрипт перестает работать. скрипт переделан мною с другого.. в яве я новичок. подскажите где копать?


<script type="text/javascript">
function acti() {
var kn = document.getElementById('qwe');
if(kn.checked)
{
var div = document.createElement("div");
div.innerHTML = "<input name=\"\" type=\"text\" />";
document.getElementById("sdw").appendChild(div);
}
else
{
var contDiv = document.getElementById("sdw");
contDiv.parentNode.removeChild(contDiv);
}
}
</script>

<input name="qwe" type="checkbox" id="qwe" onclick="acti()"/><br />
<div id="sdw"><div>

[azazello]

contDiv.parentNode.removeChild(contDiv) - эта строчка удаляет твой <div id="sdw"><div>, в который ты пытаешь вставить <input>


function acti() {

var kn = document.getElementById('qwe');

if ( kn.checked ) {
var div = document.createElement("div");
div.innerHTML = "<input name=\"\" type=\"text\" />";
document.getElementById("sdw").appendChild(div);
} else {
var contDiv = document.getElementById("sdw");
//contDiv.parentNode.removeChild(contDiv);
contDiv.innerHTML = ''; - // лучше так, а вообще тут массу вариантов
}

}

[subzey]

Установка элементу стиля display: none полностью убирает элемент из отображения, хотя в DOM'е он остается.
Возможно, это Вам пригодится.

[kinga3]

azazello - спасибо, работает!
subzey - пригодиться. спасибо!