dusekdan/FIT-VUT-WAP-SPAN#IDChange.htm

## FIT-VUT-WAP-SPAN#IDChange.htm
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

	// Identificator of span which display mode should be altered
	var SPAN_IDENTIFICATION = 'elementident';

	function changeDisplayModeToBlock(elementId)
	{
		// Not that despite change of SPAN with ID is required, it is not
		// neccessary to verify that element is SPAN. There should be only
		// one occurence of ID in document, so if there is another element
		// with given ID that is not SPAN, we would be applying the function
		// to invalid document. Also it's probably not what they wanted to
		// test anyways.
		var element = document.getElementById(elementId);
		element.style.display = 'block';

		// Just put this here to see it more clearly
		element.style.background = 'red';
	}

</script>
</head>
<body onload="changeDisplayModeToBlock(SPAN_IDENTIFICATION)">

	<span>
	This span should not be affected.
	</span>

	<span id="elementident">
	This is span which style property "display" should be changed by javascript to "block" (was "inline")
	</span>

	<span id="not-our-id">
	Neither this span should be affected.
	</span>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript">

	// Identificator of span which display mode should be altered
	var SPAN_IDENTIFICATION = 'elementident';

	function changeDisplayModeToBlock(elementId)
	{
	// Not that despite change of SPAN with ID is required, it is not
	// neccessary to verify that element is SPAN. There should be only
	// one occurence of ID in document, so if there is another element
	// with given ID that is not SPAN, we would be applying the function
	// to invalid document. Also it's probably not what they wanted to
	// test anyways.
	var element = document.getElementById(elementId);
	element.style.display = 'block';

	// Just put this here to see it more clearly
	element.style.background = 'red';
	}

	</script>
	</head>
	<body onload="changeDisplayModeToBlock(SPAN_IDENTIFICATION)">

	<span>
	This span should not be affected.
	</span>

	<span id="elementident">
	This is span which style property "display" should be changed by javascript to "block" (was "inline")
	</span>

	<span id="not-our-id">
	Neither this span should be affected.
	</span>

	</body>
	</html>