获取元素方法及通过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 = '

我的第一个JS

'; }

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 = '

今天小雨,没带伞

' 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 = '

今天小雨,又没带伞

' }

获取元素方法及通过JS设置div元素样式及页面元素内容_第1张图片

你可能感兴趣的:(获取元素,JavaScript)