KitaitiMakoto/label-for.html

## label-for.html
<!doctype html>
<button onclick="removeInput()">Remove input</button>
<button onclick="insertInput()">Insert input</button>

<label for="input">label</label>
<input id="input">

<script>
inputs = document.getElementsByTagName("input");
function removeInput() {
    console.info(inputs.length, inputs);
    for (var l = inputs.length, i = l - 1; i >= 0; i--) {
        var input = inputs[i];
        input.parentNode.removeChild(input);
    }
}
function insertInput() {
    console.info(inputs);
    var input = document.createElement("input");
    input.id = "input";
    document.body.appendChild(input);
}
</script>
	<!doctype html>
	<button onclick="removeInput()">Remove input</button>
	<button onclick="insertInput()">Insert input</button>

	<label for="input">label</label>
	<input id="input">

	<script>
	inputs = document.getElementsByTagName("input");
	function removeInput() {
	console.info(inputs.length, inputs);
	for (var l = inputs.length, i = l - 1; i >= 0; i--) {
	var input = inputs[i];
	input.parentNode.removeChild(input);
	}
	}
	function insertInput() {
	console.info(inputs);
	var input = document.createElement("input");
	input.id = "input";
	document.body.appendChild(input);
	}
	</script>