JavaScript BOM------获取DOM对象

获取DOM对象的方法有以下几种

第一种

此时程序运行的结果如下

然后通过id过去DOM对象，并修改标签内的文本。

运行的结果如下，console.log(msg)获取的内容是<div  id="msg">新的内容</div>,然后通过.innerHTML修改div标签内的内容  ，这种获取DOM对象的方法并不推荐。

第二种  通过id获取对象

此时程序运行的结果如下

然后通过id，使用document对象getElementById方法来获取DOM对象

运行结果如下

第三种  通过class类获取对象

此时运行结果如下

然后通过getElementByClassName( )来获取DOM对象，获取的结果是个列表。

运行结果如下

第四种   通过标签获取对象

此时程序运行的结果是

然后通过getElementByTagName（ ）标签要写成字符串形式，而且获取的结果是一个列表。标签仍然是标签。

此时程序的运行结果如下

第五种  通过name获取对象  适用于表单标签

此时程序运行的结果如下

然后通过getElementByName获取DOM对象，获取的结果是一个列表，然后改变他的值。

此时程序运行结果如下