在js中操作html的元素

如何在js中找到网页中的元素:
1.获取页面中的标签元素,获取到元素后,在js中是一种元素对象,
js对这种对象会提供一些操作元素的属性和方法;

2.grtElementById 表示在文档中通过元素的id属性值来获取元素,参数是字符串,
直接写值,不需要加上#号
获取到元素后,尽量保存到变量中,方便后续操作
获取元素以后,保存在变量中,就可以通过这个变量操作元素,操作元素一般分为三个方面:
元素的内容,元素的属性,元素的css样式

			//获取元素以后,保存在变量中,就可以通过这个变量操作元素,操作元素一般分为三个方面:元素的内容,元素的属性,元素的css样式
				var oh1 = document.getElementById('title')
				    console.log(oh1)

				    //通过innerHTML属性获取内容
				    console.log(oh1.innerHTML)
				    //操作内容
				    oh1.innerHTML = '经过js操作后的h1内容'

				    //获取元素属性值
				    console.log(oh1.title)
				    //操作元素属性值
				    oh1.title = '重新设置的提示文本'

				    //注意,在获取元素的class值时要特殊处理,通过className来访问/操作
				    console.log(oh1.className)
				    //操作className的值
				    oh1.className = 'son'

				    //操作元素的css样式
				    oh1.style.border = "1px solid orange"

				    //对于css样式中,如果出现样式属性的名称是多个单词的,使用-连接的需要去掉-,把-后的单词首字母大写连在一起写
				    //原因是-在js中表示数学运算了
				    //例如:line-height   =>  lineHeight