前端基础 - JavaScript修改标签样式的属性值

JavaScript修改标签样式的属性值

修改界面上一个div的长宽，并使它一直变大

效果图：

变大：

代码如下：

	
		
		

		
			window.onload = function() {
				window.setInterval(changeStyle, 3000);

			}

			function changeStyle() {
				var divEle = document.getElementById("divEle");
				var height = divEle.style.height;			 //height -> 100px 需要转换
				var width = divEle.style.width; 			 //width -> 100px 需要转换
				height = parseInt(height) * 2;				 // height -> 转换后乘以2,200
				width = parseInt(width) * 2;			     //width -> 转换后乘以2,200
				divEle.style.height = height + "px";		 //记得加上单位“px”
				divEle.style.width = width +"px";

			}