获取元素方法及通过JS设置div元素样式及页面元素内容

1. document.getElementById()
    通过id属性来获取对应节点对象

window.onload = function() {
				var div01 = document.getElementById('div01');
				// alert(div01);
				div01.style.width = 200 + 'px';
				div01.style.height = 200 + 'px';
				div01.style.background = 'red';
				div01.innerHTML = '<p style="background: yellow;">我的第一个JS</p>';
			}

2、 document.getElementByClassName()
通过元素的样式名获取元素

window.onload = function() {
				var div02 = document.getElementsByClassName('div02');
				// alert(div02)
				div02[0].style.width = 200 + 'px';
				div02[0].style.height = 200 + 'px';
				div02[0].style.background = 'yellow';
				div02[0].style.borderRadius = '50%';
				div02[0].style.margin = '0px auto';
				div02[0].style.textAlign = 'center';
				div02[0].style.lineHeight = '200px';
				div02[0].innerHTML = '<p >今天小雨，没带伞</p>'
				div02[1].style.width = 400 + 'px';
				div02[1].style.height = 200 + 'px';
				div02[1].style.background = 'pink';
				div02[1].style.borderRadius = '50%';
				div02[1].style.margin = '0px auto';
				div02[1].style.textAlign = 'center';
				div02[1].style.lineHeight = '200px';
				div02[1].innerHTML = '<p>今天小雨，又没带伞</p>'
			}