JS7天训练营--day5--DOM

DOM,是Document Object Model,其实就是HTML标签

HTML就是各种各样有自己含义的标签

有一种就是有闭合的

<XXX></xxx>

有一种就是没有闭合的

<xxxx>

JS7天训练营--day5--DOM

JS7天训练营--day5--DOM

标签:

<div></div>

JS7天训练营--day5--DOM 

JS7天训练营--day5--DOM 

onload 整个页面加载后

JS7天训练营--day5--DOM 

JS7天训练营--day5--DOM 

动态更改宽度 


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
			htmlbiaoqian
		</title>
		<style type="text/css">
#myDiv{ width: 100px;
	    height: 100px;
		background: black;
	}
		</style>
		<script type="text/javascript">
			window.onload = function(){
				//document.getElementById('myDiv').style.width = '200px';
				setTimeout(function(){
					document.getElementById('myDiv').style.width = '200px';
				},2000);
			}
		</script>
	</head>
	<body>
		<div id = "myDiv"></div>
	</body>
</html>