JavaScript获取元素的方法

获取页面元素的方式
1.通过js的dom方法:可以使用内置对象 document 上的 getElementById 方法来获取页面上设 置了 id 属性的元素,获取到的是一个 html 对象,然后将它赋值给一个变量.
获取页面元素那么必须将获取元素的代码块放置在事件中
如果把 javascript 写在元素的上面,就会出错,因为页面上从上往下加载执行的,javascript 去页面上获取元素 div1 的时候,元素 div1还没有加载,解决方法有两种：
(1)将 javascript 语句放到 window.onload 触发的函数里面,获取元素的语句会在页面加载完后才执行.

注:属性的操作包括属性的读和写。
操作属性的方法
1、“.” 操作
2、“[ ]”操作
属性的写法
1、html 的属性和 js 里面属性写法一样
2、“class” 属性写成 “className”
3、“style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改
成”style.fontSize”
通过“.”操作属性：
通过“[ ]”操作属性：

		
Hello JavaScript
爱学习

(2)：将 javascript 放到页面最下边 (写入body中)

	
			

	
		
Hello JavaScript
爱学习
		
	

2.通过getElementsByclassName()根据元素的class获取元素
因为getElementsByClassName()获取到的结果是一个集合,要想获取单个的元素使用索引的方式获取

3.通过getElementsByTagname():根据元素标签名称获取元素(返回集合对象数组,可以通过*方式获取页面上所有的元素) 

好好学习天天向上
请认真听讲
好好学习天天向上
请认真听讲
好好学习天天向上
请认真听讲

innerHTML和innerText的区别:

共同点：innerHTML和innerText都会把元素内内容替换掉。
不同点：(1)innerHTML:也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
              (2)innerText:从起始位置到终止位置的内容, 但它去除Html标签

innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，