dom操作css

		<div id="dv"></div>
		<img src="./img/3.jpg">
		<script type="text/javascript">
			var dv = document.getElementById("dv")
			// 给div添加 100 X 100 粉色
			dv.style.width = "100px"
			dv.style.height = "100px"
			dv.style.backgroundColor = "yellowgreen"
			/* 
				当点击按钮时 弹出 图片的宽度与高度
				
				当点击按钮时 设置图片 变成圆 加 10像素 虚线 黄色边框
			 */
			var img = document.getElementsByTagName('img')[0]
			img.onclick = function(){
				// 弹出img的宽
				alert(img.width)
				// 弹出img的高
				alert(img.height)
				// 设置样子为圆形
				img.style.borderRadius = '50%'
				// 添加边框  10px  虚线  红色
				img.style.border = '10px dashed red'
			}
			</script>