JokingChicken/changecssjs.html

## changecssjs.html
<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information -->

<html>
	<head>
		<title>Modifying a stylesheet rule with CSSOM</title>

		<style type="text/css">
			.test {
				background-color: red;
			}

			test2 {
				background-color: red;
			}
		</style>

		<style type="text/css">
			body {
				background-color: red;
			}
		</style>

		<script type="text/javascript">
			var stylesheet = document.styleSheets[2];
			console.log(stylesheet);
			stylesheet.cssRules[0].style.backgroundColor="blue";
		</script>
	</head>
	<body>
		The stylesheet declaration for the body's background color is modified via JavaScript.
		<br>
		<test2>test</test2>
	</body>
</html>
	<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information -->

	<html>
	<head>
	<title>Modifying a stylesheet rule with CSSOM</title>

	<style type="text/css">
	.test {
	background-color: red;
	}

	test2 {
	background-color: red;
	}
	</style>

	<style type="text/css">
	body {
	background-color: red;
	}
	</style>

	<script type="text/javascript">
	var stylesheet = document.styleSheets[2];
	console.log(stylesheet);
	stylesheet.cssRules[0].style.backgroundColor="blue";
	</script>
	</head>
	<body>
	The stylesheet declaration for the body's background color is modified via JavaScript.
	<br>
	<test2>test</test2>
	</body>
	</html>